Не могу отыскать CSS

[stardel]

У меня вчера случилась неприятность-немного поехала страница из за того что затолкал рекламку кое куда.Поправил,но пока поправлял, наверно случайно зацепил верхнюю менюшку.На первый взгляд не заметно но когда наводишь на "Главная" находясь на другой странице то менюшка сьезжает.Судя по "FireBug" за это отвтетственен " suckerfish.css" но не могу найти где ошибка...может кто то подсказать? http://seventh-legion.ru/

suckerfish.css :

[css]

div#horiz-menu *{

margin:0;

padding:0;

}

div#horiz-menu ul{

margin:0;

padding:0;

}

div#horiz-menu li.level1{

padding:0 5px 0 0;

margin:0;

height:37px;

line-height:37px;

}

div#horiz-menu li{

margin:0 5px 0 0;

padding:0;

border:0;

height:37px;

line-height:37px;

}

div#horiz-menu a{

padding:0 0 0 3px;

}

div#horiz-menu a span{

padding:0 2px 0 5px;

}

div#horiz-menu li li{

margin:0;

height:30px;

}

div#horiz-menu ul{

padding:0;

}

div#horiz-menu li li a{

padding:0 0 0 5px;

width:185px;

}

div#horiz-menu li ul,

div#horiz-menu li li,

div#horiz-menu li li:hover ul,

div#horiz-menu li li li:hover ul,

div#horiz-menu li li li li:hover ul{

width:190px;

}

[/css]

Edited March 5, 2010 by stardel

[TonKhaO]

с паддингами играли?

тут явно дело в них

особенно присмотритесь к значениям padding-right, судя по всему они перебиваются при наводе

Edited March 5, 2010 by TonKhaO

[rus]

Че за запись:

div#horiz-menu li ul,

div#horiz-menu li li,

div#horiz-menu li li:hover ul,

div#horiz-menu li li li:hover ul,

div#horiz-menu li li li li:hover ul{

width:190px;

}

ключ - hover и width:190px;

[Zippovich]

а че не понятно?

в любом случае width: 190px )

думаю что хватило бы вот такого:

div#horiz-menu li ul,
div#horiz-menu li li { width: 190px}

ховер для li не сработает в старых ie

[rus]

а че не понятно?

Ты на код внимательней посмотри.

1) div#horiz-menu li li li:hover ul и т.д... в том же духе.

2) div#horiz-menu li li li li:hover ul

Ужасное оформление!

[Zippovich]

ну возможна такая ситуация, когда такое надо написать:

например, есть 10-ти вложенное меню, но width нужен 190px только когда мы над 3,4 или 5-м уровнем вложения.

дело в том что это не будет работать в ie - нафиг так писать?

[rus]

После hover ul тоже не пишется.

[Zippovich]

ну скажем так: то что написано - не валидно

но такой вариант:

a:hover span - имеет право на существование и прекрасно работает.

[rus]

ну скажем так: то что написано - не валидно

но такой вариант:

a:hover span - имеет право на существование и прекрасно работает.

такая запись не имеет под собой разумного смысла, так как ховер и так сработает, ведь спан находится в теге а.

[Zippovich]

a span {display: block; width: 160px}
a:hover span {width: 190px}

меняем видз у спана при наведении на ссылку, а ховер действительно сработает при наведении на ссылку, тут Вы правы