Abstand zwischen DIVs beim IE

Status
Nicht offen für weitere Antworten.

motb

Erfahrenes Mitglied
Hallo!

Tüftle schon seit Stunden an einer Kleinigkeit herum und komme nicht auf die Lösung.
Es geht um nachfolgenden Code (schon auf ein Minimum abgespeckt).
Wie werden ich den Abstand im IE (zb: 6.0) zwischen "gelben" & "blauen" Kasten los.

Im Firefox ist der Abstand nicht vorhanden.

Vermutlich könnt ihr mir da schnell helfen.

lg,
Daniel

Code:
<html>
<head>
<style>
body{
	background: #ccc;
}

	#banner {
		height: 90px;
		width: auto;
		border: 1px solid yellow;
	}

	#top_nav {
		float: left;
		width: 24%;  
		height: 90px;		
		border: 1px solid blue;
	}
</style>

</head>
<body>
	<div id="top_nav"></div><div id="banner"></div>
</body>
</html>
 
Erweitere den CSS-Selektor mit folgenden CSS-Regeln und der 3px-Abstand im IE verschwindet:

Code:
#top_nav {
                float: left;
                width: 24%;
                height: 90px;
                border: 1px solid blue;
                margin-right: 0 !important; /* Für nicht-IE-Browser */
                margin-right: -3px; /* Für IE */
        }
 
Wusste doch hier ist Verlass :)

Danke für die Antwort.
Als welcher Bug ist den dieser IE-Fehler bekannt?
 
Status
Nicht offen für weitere Antworten.
Zurück