Div-Positionierung im IE falsch (CSS)

[Mephisto84]

Hallo!
Leider macht mir der IE7 die Positionierung meines Menü-Divs falsch. Ich verwende dazu absolute Positionierung. Hab zwar über diverse Positionierungsbugs im IE gelesen. Hat mir aber nicht weiter geholfen. Vlt könnt ihr mir ja helfen.

Hier ein Auszug aus der CSS:
<style type="text/css">
body, p, h1, h2, h3, div, span, hr, ul, li, hr, img, table, tbody, td, tr {padding:0; margin:0;}
body {
color: #000;
background: #919191;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
/*text-align:center;*/
}


div#head {
margin: 0;
height:160px;
width: 975px;
padding: 10px;
text-align: center;
border: 0px;
border-right: 1px solid black;
background-color: #F0F0F0;
}


div#box {
margin: 0;
height:56px;
width: 253px;
padding: 0px;
text-align: center;
border: 0px;
border-top: 1px solid black;
background-color: #cc0000;
}

ul#menu {

/*
Einstellung für Opera und Firefox, nicht für IE geeignet
*/
position: absolute;
left: 253px;
top: 167px;

padding: 1.5em;
text-align: center;
width: 703px;
background-color: #cc0000;
border-left: 0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
...

Die Seite soll dann so aussehen:

#_______HEAD_______#
#Box##____Menü_____#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#

Bei Opera und FF ist die Position vom Menü korrekt, also bündig mit Box. Der IE setzt es zu weit nach oben und zu weit nach rechts.

Mich beschleicht das Gefühl, dass ich um eine Browserweiche nicht herrum kommen werde... Oder habt ihr eine Idee?

[Efchen]

Leider macht mir der IE7 die Positionierung meines Menü-Divs falsch.

Ein Menü in ein <div> zu packen ist semantisch falsch. Ein Menü ist eine Auflistung und sollte daher ein <ul> werden.

Ich verwende dazu absolute Positionierung.

Würde ich nicht empfehlen. In den allermeisten Fällen reicht es aus, sich auf den normalen Textfluss zu verlassen und hin und wieder ein float einzustreuen. Das hat sich bewährt.

Gruß,
-Efchen

[Falk Prüfer]

Hallo,

ohne den zugehörigen HTML-Code kann das keiner testen, CSS alleine läßt sich nicht darstellen Oder kann man sich das irgendwo ansehen?

Gruß Falk