IE versetzt div durch width Anweisung

[Sprint]

Hallo,

ich habe hier ein kleines Problem mit dem IE. und zwar geht es hier um das div mit der ID "sidebar". Sobald dafür eine Breite definiert ist, versetzt der IE das div um ein paar Pixel nach unten. Ich habe im Moment keinen blassen Schimmer, warum. Alle anderen Browser machen es richtig. Sehen kann man das hier

<div id="content">
	<div id="sidebar">
		<div id="daten" style="height: 817px;">
		</div>
		<div class="bold14" style="margin-bottom: 6px;">Galerie</div>
		<div class="preview">
			<a href=""><img src=""></a>
		</div>
		<!-- usw. -->
	</div>
</div>

#content{
    width: 980px;
    height: auto;
}
#sidebar{
    width:975px;
    font-size: 11px;
    line-height: 130%;
    padding-left: 5px;
    text-align: center;
}
#daten{
    float: right;
    width: 800px;
    height: auto;
    margin-left: 5px;
    padding: 10px;
    background-color: #4e330a;
    color: white;
    font-size: 14px;
    line-height: 130%;
    text-align: left;
    z-index: 100;
}

Kann mich da mal jemand schlau machen?
Sprint

 

[Jan-Frederik Stieler]

Hi,
um welche IE version geht es?
Ansonsten kannst du mal schauen obs eventuell am line-height liegt.
http://www.positioniseverything.net/explorer/lineheightbug.html

Ich kann mir leider die Seite nicht im IE anschauen da ich am Mac sitze.

Viele Grüße

 

[Sprint]

Hi,
das Vergnügen, am Mac zu sitzen, habe ich auch.
Es geht um die Versionen 8 und 9. in der 7 tritt das Problem nicht auf.