CSS Navigation spinnt im IE

[taffrot]

Hey zusammen,

code grade ein Design und häng mal wieder am Internet Explorer (...wer hätts gedacht)

Und zwar gehts um die Seite:

Wenn ich mit dem IE draufgeh, spinnt die navigation (am besten selber ausprobiern).

Iwo hab ich n Fehler...aber wo???

Vielen Dank schonmal.

Grüße

edit: hier mal direkt das betreffende CSS (für die, die zu faul für den Rechtsklick sind )

div#menu{
		height:29px;
		overflow:hidden;
		margin:0px auto;
		background:url(../images/nav/nav-bar.gif);
		/*border-bottom:1px solid #5e6779;*/
	}
div#menu ul	{
	margin: 0 50px;	
}

div#menu li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
div#menu a{
		margin-top:0;
	}

div#menu a,div#menu a:hover{
		height:58px;
		overflow:hidden;
		display:block;
		text-decoration:none;
		float:left;
	}
#menu a:hover{
		margin-top:-29px;
	}
img{
		border:none;
	}

 

[ChrisvA]

AW: CSS Navigation spinnt im IE

Vermute mal hier:

#menu a:hover{
		margin-top:-29px;
	}

Regele das mit der Positionierung des Hintergrundes, statt des Verschiebens in eine Richtung.
Siehe auch:
background-position: Hintergrund positionieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
PS: Das unterstreichen wäre auch ohne Hintergrundbild gegangen, dazu bietet CSS eigene Eigenschaften.

 

[taffrot]

AW: CSS Navigation spinnt im IE

Klar wär das auch ohne Bilder gegangen, aber ich wollt mal die Methode ausprobiern.
Werds wohl ohne Bilder machen...der einfachheit halber

 

[ChrisvA]

AW: CSS Navigation spinnt im IE

Mit Bildern solltest du eben dein margin-top:-*px ersetzen, dann geht das auch.