Header DIV Layer Positionsfehler in IE

Question

Ich habe einige Probleme mit IE-Kompatibilität mit meiner Website. Ich habe es derzeit unter http://www.verdasconnews.com/tiago geparkt, während ich alles teste. Ich möchte sicherstellen, dass ich Kompatibilität mit den wichtigsten Browsern habe. Es sieht gut aus in Firefox, Chrome, Opera & Safari, aber in IE habe ich Probleme mit den Header/Content Div-Ebenen.

Hier ist ein Screenshot von dem, was es sieht aus wie in IE http://i.stack.imgur.com/GOaSX.png

Die Post und Sidebar Inhalt überlappende den Header wann sollten sie unter verstaut werden, wie es in den anderen Browsern angezeigt wird.

Dies ist die CSS für die Positionierung:

/* ------ layout ------------------------ */ 

wrapper { 
background:url(img/back2.png) no-repeat center top; 
} 
contents { 
width:959px; 
margin:0 auto; 
text-align:left; 
} 
header { 
background:url(img/top.png) no-repeat bottom; 
height:160px; 
} 
middle-contents { 
background:url(img/side.png) repeat-y; 
padding-bottom:50px; 
} 
left-col { 
float:left; 
display:inline; 
width:584px; 
margin:0 0 0 5px; 
} 
right-col { 
float:right; 
display:inline; 
width:330px; 
margin:15px 5px 0 0; 
} 
footer { 
background:url(img/bottom.png) no-repeat top; 
height:114px; 
margin-bottom:50px; 
} 

und das ist, was meine Kopfpositionierung

/* ------ header ---------------------- */ 
logo_image { 
margin:6px 0 0 4px; 
float:left; 
display:inline; 
} 
logo_image h1 { 
margin:0; 
padding:0; 
} 

Nicht sicher ist, ob der Titel genau richtig ist, wie ich einen Freund, fragte gedacht Das könnte das Problem gewesen sein und eine Google-Suche hat mich hierher geführt. Ich bin kein Profi mit Programmierung, aber ich hoffe, dass jemand, der hier ist, herausfinden kann, was hier falsch ist. Ich kann das volle css bei Bedarf zur Verfügung stellen. Vielen Dank im Voraus

Answer 1

Sie können das Problem beheben, indem Höhe: 160 von #header, und auch Schwimmer entfernen: links und display: inline von #logo_image