CSS Star HTML Hack im IE8?! Opera CSS Hack?

Servus!

Ausgangssituation ist ein horizontales Menü, das umgebende DIV ist so definiert:
Code:
#Bereich1{ /*links oben - topmenu*/
position:absolute;
float:left;
top:200px;
width:940px;
height:50px;
padding:0 10px 0 10px;
background-color:#761A2D;
color:#FFFFFF;
font-size:26px;
font-variant:small-caps;
text-transform:lowercase;
letter-spacing:0.1em;
line-height:50px;
text-rendering:optimizeLegibility; /*Unterschneidung aktivieren (FF macht das default ab 20px)*/
In diesem Menü sind nun die Menüpunkte in einer <ul> als Listeneinträge wobei diese als Blockelemente definiert sind.

Mein Problem ist, dass ich für das DIV in dem sich die <ul> befindet (innerhalb von #Bereich1), ein margin-top:-30px; machen muss damit die Menüpunkte horizontal mittig in dem Balken ausgerichtet sind. Ich kann das nicht nachvollziehen, auch wenn ich z.B. line-height ändere habe ich noch dieses Problem.

Für den IE brauch ich ein margin-top:-4px; umgesetzt mit dem * html Hack. Lustigerweise spricht auch der IE 8 auf diesen Hack an obwohl er das laut der Beschreibungen nicht tun sollte --> lösche ich das ganze aus dem CSS sind die Menüpunkte im IE 8 komplett versetzt. Gibt es dafür eine Erklärung?

Opera interpretiert das ganze aber auch so wie der IE und braucht daher ebenfalls ein "margin-top:-4px" damit das Menü korrekt dargestellt wird, leider konnte ich keinen Hack finden (rein im .css) der Opera (aller Versionen) anspricht.

Helfen würde mir eine Erklärung warum alle Browser außer IE & Opera (selber getestet + browsershots.org) das margin-top:-30px; brauchen oder wie ich Opera auch dazu bringe ein margin-top:-4px; zu verwenden.

lg
 
Zuletzt bearbeitet:
Zurück
Oben