Вопрос про side ul

[DesignTester2]

Привет!

Нужна помощь! Не корректно работают выпадающие меню side ul, хоть я их как прописываю, ведут они себя независимо от кода.



Код

 #thisDiaryOwner_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #myDiaryLinks_title { 
display:block; 
width:160px; 
height:30px; 
overflow: hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #globalLinks_title { 
display: block; 
width: 160px; 
height: 30px; 
overflow:hidden; 
background: #000000; 
border: solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #iAmQuit a {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #login_form_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #thisDiaryLinks_title {
display:block; 
width:160px; 
height:30px; 
overflow:hidden; 
background: #000000; 
border:solid 1px #e6e3de !important; 
text-align: center; 
text-transform: lowercase; 
padding-top: 7px !important; 
}

 #side ul {
 width: 160px !important; 
background-color:#000000 !important; 
border:solid 1px #e6e3de !important; 
font: 11px Tahoma !important; 
padding: 5px 5px 5px 5px !important; 
margin: 0px 0px 0px -5px !important; 
}

 #more_login { 
display:none !important; 
}

Сейчас все кнопки прописаны шириной в 160px, такую же ширину я задала селектору side ul, но он упорно становится шире пикселей на 10, чем кнопка, причем что места, как видите, для текста ссылок внутри блока предостаточно. И похоже это зависит от padding, чем больше я задаю padding для #side ul, тем шире становится сам блок, несмотря на заданные 160 пикселей.
Здесь я задала для #side ul - padding: 10px 10px 10px 10px !important



А здесь наоборот padding: 0px 0px 0px 0px !important



Сейчас я кое-как уравновесила, но очень хочется, что бы этот блок был положенные 160 пикселей, и чтобы можно было задать padding побольше. Примерно так



Спасибо заранее ^^

@темы: меню, отступы, рамки и полоски, diaryCSS

Comments

[Тайя.]

У вас проблема в отступах.
Заголовки у вас без отступов, а side ul вы присваиваете отступ со всех сторон по 5px. Поэтому заголовки и короче на 10 пикселей, им тоже нужно присвоить такой же отступ.
Margin вообще уберите, вы им сдвигаете меню в сторону.

Кстати, если у вас ровные отступы со всех сторон, не надо писать padding: 5px 5px 5px 5px, достаточно padding: 5px.

[DesignTester2]

То есть каждому заголовку нужно прописать margin - 0 пикселей, а у side ul margin совсем убрать? Сейчас попробую *_*

[Тайя.]

DesignTester2, margin вообще уберите, а заголовкам тоже добавьте padding 5px.

[DesignTester2]

Тайя, которая душит романтиков, РАБОТАЕТ!!! Спасибо вам огромное в очередной раз!

[Тайя.]

DesignTester2, u are welcome ^^