Проблема с меню CSS при наведении

Question

В моем меню CSS здесь Мой сайт Не получается, чтобы меню соответствовало всем уровням, независимо от того, насколько я изменил код. Я новичок в CSS, поэтому я, скорее всего, что-то упускаю, но когда вы наводите курсор мыши, у вас есть три разных размера, и я хочу, чтобы все они были одинаковыми. Я посмотрел на него в Chrome и Firebug, но не могу найти родительское меню, чтобы развернуть, чтобы соответствовать парению.

Любые предложения будут с благодарностью! Заранее спасибо :)

Answer 1

Ваш код полностью испорчен.Для начала не устанавливайте ширину в подменю.Вместо этого установите ширину всего UL.submenu и сделайте внутренний дисплей: блок, чтобы они заполняли всю ширину

Answer 2

Нетрудно реализовать меню с использованием CSS . Он работает во всех современных браузерах, но не работает в IE6, поскольку не поддерживает: hover on li tags.

Answer 3

измените это в своем CSS:

#menu2 li li a, #menu2 li li a:link, #menu2 li li a:visited {
    color: #FFFFFF;
    float: none;
    margin: 0;
    padding: 0 0 0 15px;
    width: 160px; //this is the change (width decreased)
}

Надеюсь, это поможет.