sandro: Pixelgenaue Ausrichtung von Div - IE 6

Beitrag lesen

Hallo,

ich bitte um eure Hilfe, nach dem ich Tutorials, Erklärungen und Forensuche durch hab - aber irgendwie komme ich nicht auf einen grünen Zweig. Bin halt auch noch Anfänger ;-) Vermutlich ist es für Wissende eine Kleinigkeit und wahrscheinlich schon tausendmal behandelt. Aber ich sehe vor lauter Bäumen den Wald nicht mehr ;-).

Zum Thema:

Ich habe eine Seite gemacht mit Header, Leftbar, Rightbar und Footer. Da jeweils ein Hintergrundbild hinterlegt ist, muss alles Pixelgenau zusammen passen.

Siehe http://www.battistin.com/start/start.html

In Modernen Browsern wird auch alles richtig angezeigt. Aber beim Internet Explorer 6 (ältere weiß ich nicht)verschiebt es den Content (im Moment nur Div mit Hintergrund schwarz) unterhalb der Linken und rechten Rahmen. Verkleinere ich den Content in der Breite, rutscht er auf den richtigen Platz - aber hat links und rechts einen Rand zu den Rahmen. Ich hoffe ich erkläre es deutlich genug :-)

Würde mich über eine kleine Hilfe sehr freuen.

Gruß Sandro

Hier noch die CSS Datei:

body {background-color: #cc6633;}

img, div {
behavior: url(iepngfix.htc);
}

#container {
position:relative;
left:50%;
margin-left:-395px;
width:790px;
height:100%;}

#header {
 width:790px;
 height:47px;
 background:url(bilder/header.png) no-repeat;
 }

#leftbar {
 float:left;
 height:534px;
 width:26px;
 Background-image:url(bilder/leftbar.png);
 background-repeat:no-repeat;
 }
#rightbar {
 float:right;
 width:24px;
 height:534px;
 Background-image:url(bilder/rightbar.png);
 background-repeat:no-repeat;
 }
#footer
 {
 clear:both;
 height:19px;
 background-image:url(bilder/footer.png);
 background-repeat: no-repeat;
 }

#content_index {
position:relative;
margin-top:0px;
margin-left:26px;
margin-bottom:0px;
width:740px;
height:534px;
background-color: #141416;}