В современных браузерах вкладка с выпадающим списком не поддерживает высоту при наведении

Question

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

http://www.tanyadischler.com/index2.php

http://www.tanyadischler.com/menu.css

Если вы прокрутите меню, вы увидите Chrome, Safari, FF, IE7 и т. Д. что всплывающее окно в галерее имеет меньшую высоту и слишком широкий, чтобы он появлялся под новостями.

CSS проверяет: http://jigsaw.w3.org/css-validator/validator?uri=http://jigsaw.w3.org/css-validator/validator?uri=http://www.tanyadischler.com/index2.php&profile=css21&usermedium=all&warning=1&lang=en&profile=css21&usermedium=all&warning=1&lang=en

Есть мысли о том, как исправить?

Answer 1

Проблема проста:

.menu li {width: 111px;}
.menu ul ul a, .menu ul ul a:visited {padding:10px 0 10px 5px; width:128px; 
    border-width: 0px 1px 1px;}

Поэтому эффективная ширина якорей будет равна (128 + 5 + 1 + 1) px = 135px, а элементы списка, содержащихся в нем, всего 111px, поэтому якоря будут переполнены, поскольку переполнение не установлено как скрытое. Исправьте ширину элементов списка или якорей.