Thema: Menue-Position verschoben im IE?!

Hallo,

ich bin beim erstellen meiner Homepage auf ein Problem gestoßen, mit dem ich nicht so ganz fertig werde bzw. nicht dahinter steige weshalb und warum das so ist.

Vorab: meine Seite ist komplett mit Divs erstellt.

Auf meiner Seite gibt es einen horizontalen Menuebereich. In diesem Bereich werden 4 weitere Divs geladen in denen dann wiederum 4 Modulpositionen für die 4 Menues bestimmt werden, die in diesem horizontalen Navibereich angezeigt werden.

Jedes Menue hab ich durch margin/padding so angepasst, dass es optisch gut zum Hintergrund des horizontalen Menubereichs passt.

Die Seite habe ich die ganze Zeit nur mit Firefox getestet und da sieht alles wunderbar aus, wenn ich die Seite allerdings mit IE aufrufe dann sind alle 4 Menues ca 10pixel weiter oben positioniert als im Firefox. Dadurch ergibt sich natürlich ein unshönes Ergebnis da die Menuegrafiken sich im IE mit dem Hintergrund überlagern bzw. einfach nicht dazu passen.

Kann mir einer verraten woran das liegen kann, daß mir die Menues im IE nach oben rutschen, obwohl die Modulpositionen, in denen ja die einzelnen Menues geladen werden unter Site-Preview-Inline with Position genau identisch aussehen bei beiden Browsern?

Hoffe ich hab mich einigermaßen verständlich ausgedrückt.

Währe für jede Hilfe dankbar.

Gruß Coro

http://barrierefrei.e-workers.de/wor...fun/index.html

Box-Problem und schlechte / unterschiedlicher Verarbeitung von CSS Befehlen im IE 5/5.5/6/ 7 . Such mal in der Literatur na c den Browser-Bugs ( steht auch ausführlich bei D.Jesse) oder verwende Teile von YAML.
Ist da viel mit float gearbeitet ?

Hilfts?
HAN

Zum Thema float:

Alle 4 "menuedivs" sind float left und dann mit margin/padding entsprechend angepasst.

@Flovi:

danke für den Link da ist genau mein problem beschrieben. Nur frag ich mich wie ich das jetzt umgehen kann ?

Hier mal die Css Definitionen der Divs, evtl kommt ihr ja so eher meinem Fehler auf die Schliche:


Hier wird der eigentliche Link definiert:

ul#mainlevel-forum li a:link, ul#mainlevel-forum li a:visited {
padding-bottom:30px;
background-image:url(../images/button_forum_nor.png);
background-repeat:no-repeat;
font-size:1px;
height: 69px;
width:140px;
display: block;
text-decoration: none;
}

Und hier die Div Box in der dieser Link liegt:

#menu1{
width:140px;
height:69px;
float:left;
margin-left:130px;
}

index auszug :
--------------
<div id="hornav">
<div id="menu1">
<?php mosLoadModules ( 'user9'); ?>
</div>
------------

Edit:

Zur Vollständigkeit halber mal ein screen des entsprechenden Menues mit Border zur verdeutlichung:

Der grüne Rand ist die Div box "Menu1"
Der rote Rand ist der link also "ul#mainlevel-forum li a:link, ul#mainlevel-forum li a:visited "

Darstellung im IE 7:



Darstellung im Firefox:

Hm hat keiner ne Lösung? Ich meine das Problem scheint ja bekannt zu sein und ich werde wohl nicht der einzigste sein dem sowas wiederfährt.

Danke und Gruß

Hab das Problem nun selbst über die Conditional Comments gelöst!

Closed, danke an mich selbst!