Выпадающи список не корректно отображается в Mozilla Firefox и Google Chrome

[beetljuice]

Доброго времени суток!

Подскажите в чем может быть ошибка - выпадающий список в Opera и Internet Explorer отображается так как надо, а в Mozilla Firefox и Google Chrome не корректно - http://happy-tails.ru/!

.v-menu ul { 
	margin: 0; /* Нет отступов вокруг */
	padding: 0; /* Нет поля вокруг текста */
	list-style: none; /* Для списка убираем маркеры */
	font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт для текста меню */
	font-size: 12px; /* Размер названий в пункте меню */
	font-weight: norm; /* Не жирный шрифт */
} 
.v-menu ul li { 
	position: relative;  
} 
.v-menu li ul { 
	width: 110px; /* Ширина выпадающего списка */
	position: absolute; /* Подменю позиционируются абсолютно */
	left: 150px; /* Расстояние до выпадающего списка */
	top: 0; /* Верхний отступ подменю */
	display: none; /* Скрываем подменю */
	background-color: #ffffff; /* Фон выпадающего списка*/
} 
.v-menu ul li a { 
	display: block; /* Ссылка как блочный элемент */
	color: #000000; /* Цвет текста */
	background-color: 0; /* Фон основного списка*/
	padding: 5px; /* Поля вокруг надписи */
	border: 0px solid #ccc; /* Рамка вокруг пунктов меню */
	border-bottom: 1px solid #000000; /* Границу снизу не проводим */
} 

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; } 
* html ul li a { height: 1%; } 
/* End */

.v-menu ul { 
	margin: 0; /* Нет отступов вокруг */
	padding: 0; /* Нет поля вокруг текста */
	list-style: none; /* Для списка убираем маркеры */
	width: 150px; /* Ширина меню */
	border-bottom: 0px solid #ccc; /* Подчеркивание последнего пункта меню */
} 
.v-menu li:hover ul { 
	display: block; /* При выделении пункта курсором мыши отображается подменю */
} 
.v-menu li:hover ul, li.over ul { 
	display: block;  
} 
.v-menu li a:hover { 
	color: #000000; /* Цвет текста активного пункта */
	text-decoration: none; /* Подчеркивание у ссылок убираем */
	background-color: #bee6a7; /* Цвет фона активного пункта */
} 

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; } 
* html ul li a { height: 1%; } 
/* End */

.v-menu { 
	background-image: url(../img/bg_03.gif); 
	background-repeat: repeat-x; 
	padding-top: 20px; 
	text-align: left; 
	vertical-align: top; 
	padding-left: 20px; 
	padding-bottom: 20px; 
}

[Great Rash]

В чем заключается некорректность?

[kick]

У меня похожая ситуация. В IE ширина выпадающего меню существенно меньше чем в мозилле. Уже как только не бился...понять не могу в чем проблема.

Вот цсс:

.nav-box{width:100%;background:url(../images/ves_images/nav-box-tail.png) repeat-x left top;}
.nav-box  nav {background:url(../images/ves_images/nav-box-right.png) no-repeat right top;}
.nav-box ul {height:77px;background:url(../images/ves_images/nav-box-left.png) no-repeat left top;}
.nav-box ul li.first {background: none;}
.nav-box ul ul { position: absolute; left: 0;top: 74px; display: none; z-index: 1000; background:url(../images/ves_images/bg_menu.png)}
.nav-box ul ul li {height:30px;width:175px;padding: 0 36px 0 38px;}
.nav-box ul ul li a{white-space: pre;}
.nav-box nav ul li {font-weight: bold;float:left;padding:0 36px 0 38px;background:url(../images/ves_images/divider.png) no-repeat left top; position:relative;margin:0 2px 20px -2px}
.nav-box  nav ul li a {color:#434343;font-size:1.231em;line-height:1.2em;text-decoration:none;font-family:"trebuchet MS",Helvetica,sans-serif;text-transform:uppercase;display:block;padding-top:25px}
.nav-box nav ul li a:hover,.nav-box nav ul li.active a {color:#f23b50;text-shadow:0 0 20px #ffffff;}
.nav-box nav ul.fright {background:none;padding-right:34px;}
.nav-box nav ul.fright li {padding:0 23px 0 25px;}

[Gaspode]

Разметку покажите.