Трабл с hover'ом... в Safari

[Wormaster]

Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно...

вот ссылка - проблема в левой менюхе...

CSS

ul#mainlevel
{
	display:block;
	width:200px;

}

#mainlevel li
{
	display:block;
	width:200px;
	height:30px;
	line-height:30px;
	border-bottom:solid 1px #fff;
	text-align: right;
	vertical-align: bottom;
	padding-right: 10px;
}

#mainlevel > li:hover
{
	background: url(../images/vmmenu.png) no-repeat right;
}

#mainlevel li:first-child
{
	border-top:solid 1px #fff;
}

#mainlevel li a
{
	text-transform: lowercase;
}
ul#mainlevel li ul
{
	position:absolute;
	margin-top:-30px;
	display:none;
	left:210px;
}

ul#mainlevel li:hover ul
{
	display: block;
}

ul#mainlevel li ul li
{

	border:none;
	background: url(../images/activebg.png);
}

ul#mainlevel li ul li:first-child
{
	border-top:none;
}

ul.sublevel li:hover ul
{
	display:block;
}

#mainlevel > LI > UL > LI > UL
{
	display:none !important;
 	margin-left:-2px;
}

#mainlevel > li > ul > li:hover > ul
{
	display:block !important;
}

\

[Great Rash]

Подозреваю, что дело в этой строке: margin-left:-2px;

[Wormaster]

Не верно подозреваете.... она относится аж к 3 подменю (#mainlevel > LI > UL > LI > UL) которое к слову сказать ведёт себя нормально... (для чистоты эксперимента убирать это пробовал.. без изменений)