CSS падащо меню. Проблем при Opera

[McFly]

Менюто си работи перфектно под Chrome, FF, та дори и IE. Под Opera, обаче, след като се скролне, колкото и да било, отказва да показва ховъри. Левел 2 менюто си пада, но пак с бъгове при бекграунда. Менюто съм го сложил в fixed div, just fyi.

HTML кода на менюто:

<div id="navMenu">
	<ul> 
		<li id="menu1"><a href="#">Начало</a></li>
		<li class="selected" id="menu2"><a href="#">Селскостопанска техника</a>
				<ul>
					<li><a href="#">Комбайни</a></li>
					<li><a href="#">Трактори</a></li>
					<li><a href="#">Прикачен инвентар</a></li>
				</ul>
		</li>
		<li  id="menu3"><a href="#">Резервни части</a></li>
		<li  id="menu4"><a href="#">Контакти</a></li>
	</ul>
</div>

CSS кода:

[css]#navMenu {
margin: 9px 0px 0px 460px;
padding: 0;
position: absolute;
}

#navMenu ul {
margin: 0;
padding: 0;
line-height: 44px;

}

#navMenu li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
background: url('images/menu-hov.png') top left no-repeat;
}

#navMenu ul li a {
font-family: Arial, sans-serif;
font-size: 13px;
text-decoration: none;
padding: 0px 20px 0px 20px;
height: 44px;
display: block;
color: #FFF;
/*border: 1px solid red;*/
}

#navMenu ul ul {
position: absolute;
visibility: hidden;
top: 42px;
}

#navMenu ul ul li a {
width: 142px;
height: 30px;
font-size: 12px;
line-height: 30px;
text-align: center;
background: url(images/dropdownbg.png) repeat-x;
margin: 0px 0px 0px 7px;
border-radius: 10px;
border-top: 1px solid #186911;
}


#navMenu li:hover ul {
visibility: visible;
}

/*************************************/

#navMenu ul li#menu1:hover {
background-position: 0px -44px;
text-shadow: 1px 1px #0c4607;
}

#navMenu ul li#menu2:hover {
background-position: -87px -44px;
text-shadow: 1px 1px #0c4607;
}

#navMenu ul li#menu3:hover {
background-position: -282px -44px;
text-shadow: 1px 1px #0c4607;
}

#navMenu ul li#menu4:hover {
background-position: -419px -44px;
text-shadow: 1px 1px #0c4607;
}

#navMenu ul ul li a:hover {
background-position: 0px -37px;
border-top: 1px solid #b0ef1e;
}[/css]

P.S. Качих страницата, ако се налага да пробвате бъга http://bglandtechnik.free.bg Бъга се появява като се скролне страницата. "Селскостопанска техника" е менюто.
Не съм много навътре в html и css, така че ако имате някакви предложения да си оправя кода някъде, ще се радвам.

 

[syneidesys]

Интересно -защото като се включи уеб инспектора на опера ,проблема изчезва!
Четох за подобен бъг на опера при такова меню ,който по същия начин изчезва като се включи инспектора!
Даже щели да докладват тоя бъг на опера!
Евентуално ако се добави някакъв хак за да се оправи -не се знае как ще се отрази при следващи ъпдейти на браузъра!
Те сега нали ще минават на уебкит -може да се оправи само като изкарат следващата версия!

 

[shterev]

Пробвай да направиш с цяла картинка а не да се повтаря