Menu no IE7 - bug?

[Nuno Amaral 0]

Boas pessoal,

 

Tenho neste site - http://www.vivahoteis.com/demo/ , um menu.

 

No IE6 e FF dá tudo bem, mas no IE7 tem um pequeno bug.

 

Ao passar o rato no submenu e depois se for passar no menu principal, dá um espaço para a frente.

 

Qual será o erro?

 

CSS do menu:

ul#primary-nav,ul#primary-nav ul {	margin: 0;	padding: 0;	width: 150px; /* Width of Menu Items */	border-bottom: 0px solid #ccc;	background:transparent; /* IE6 Bug */	font-size: 100%;	font-family:verdana, Arial, verdana, Helvetica, sans-serif;	font-size:10px;	z-index:100;	}ul#primary-nav li {	position: relative;	list-style: none;	}ul#primary-nav li a {	width:145px;	padding:5px;	padding-left:10px;	display: block;	text-decoration: none;	color:#9f9b80;	border-bottom: 1px solid #e8e6d1;	font-weight:bold;	text-align:left;	letter-spacing:1px;	line-height:15px;	background-color:none;	}	ul#primary-nav li a:hover{	background-color:none;	color:#e59651;	margin-left:0px;	}		ul#primary-nav li img{	display:block;	position:absolute;	left:135px;	top:9px;	}/* Fix IE. Hide from IE Mac \*/* html ul#primary-nav li { float: left; height: 1%; z-index:100 }* html ul#primary-nav li a { height: 1%; z-index:100}* html ul#primary-nav li.onhover, ul#primary-nav li:hover  { position:relative; z-index:1000 }/* End */ul#primary-nav ul {	position: absolute;	display: none;	left:223px; /* Set 1px less than menu width */	top: 0;	left:160px;	background-image:none;	}ul#primary-nav li ul li a { 		width:160px;		background-color:#9f9b80;		font-weight:100;		letter-spacing:0px;		color:#FFFFFF;		padding: 2px 5px;		line-height:20px;		border-left:#FFFFFF 1px solid;		border-bottom:#e8e6d1 1px solid;		 } /* Sub Menu Styles */		ul#primary-nav li ul li a:hover{	background-color:#e8e6d1;	color:#9f9b80;	}		ul#primary-nav li:hover ul ul,ul#primary-nav li:hover ul ul ul,ul#primary-nav li.over ul ul,ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */ul#primary-nav li:hover ul,ul#primary-nav li li:hover ul,ul#primary-nav li li li:hover ul,ul#primary-nav li.over ul,ul#primary-nav li li.over ul,ul#primary-nav li li li.over ul { display: block; } /* The magic */ul#primary-nav li.menuparent { background:none; }ul#primary-nav li a:hover { background-image:none; }

Niguém dá uma dica? Essse erro só dá no IE7.

[Guilherme Rambo 4]

Olhei aqui no IE7, fiz vários testes e não consegui visualizar o problema[]'s

[Nuno Amaral 0]

Veja melhor.Passa no sub menu e depois no menu principal.Vai notar que às vezes o menu avança para a frente alguns px.

[webflex 0]

Olá,Esse menu é feito com javascript correcto? Eu não sei se existe alguma incompatibilidade acerca disso..Cumps \o/

[Nuno Amaral 0]

Sim tem javascript,

 

function IEHoverPseudo() {	var navItems = document.getElementById("primary-nav").getElementsByTagName("li");		for (var i=0; i<navItems.length; i++) {		if(navItems[i].className == "menuparent") {			navItems[i].onmouseover=function() { this.className += " over"; }			navItems[i].onmouseout=function() { this.className = "menuparent"; }		}	}}window.onload = IEHoverPseudo;

Tirei este menu do site do Maujor.

 

Não consigo é ver de onde bem aquele bugizito.