Darstellung einfaches horizontales Menü im IE stimmt nicht

[mgriebe]

Hallo Community,

habe ein Problem, das mich wirklich schon einige Nerven gekostet hat. Das Problem könnt Ihr direkt hier sehen:
http://www.ruebe.info/cms

Im Firefox sieht alles aus, wie es sein soll. Doch mit dem Internet Explorer "zerhackt" er mir die beiden horizontalen Menüs.
Das TypoScript zum Menü sieht wie folgt aus:

marks.VERTNAV = HMENU
marks.VERTNAV.special = directory
marks.VERTNAV.special.value = 1
marks.VERTNAV.excludeUidList = 1
marks.VERTNAV {
wrap = <div id="vertnav"> | </div>
entryLevel = 0
1 = TMENU
1 {
expAll=1
noBlur = 1
wrap = <ul class="vertnav"> | </ul>
NO {
wrapItemAndSub =  |    
}
}
}

Und das ganze soll mit CSS so formatiert werden:

div#vertnav {
        width: 100%;   
        padding: 0px 0px 0px 0px;
        font-size: 10px;
        margin: 0px 0px 0px 50px;
        text-align: center;
        float:left;
}

.vertnav a {
        float: left;
        display: block;
        padding: 0px 10px 0px 10px;
        color: #FFFFFF;
        font-weight:bold;
        text-decoration: none;     
}

.vertnav a:active {
        float: left;
        display: block;
        padding: 0px 10px 0px 10px;     
        color: #FFFFFF;
        font-weight:bold;
        text-decoration: none;     
}

.vertnav a:visited {
        float: left;
        display: block;
        padding: 0px 10px 0px 10px;     
        font-weight:bold;
        color: #FFFFFF;
        text-decoration: none;     
}

.vertnav a:hover {     
        float: left;
        display: block;
        padding: 0px 10px 0px 10px;     
        font-weight:bold;
        color: #333333;
        text-decoration: none;     
}

Ich hab´ schon so ziemlich alles versucht und an allen Ecken geschraubt, doch ohne Hilfe komme ich nun nicht mehr weiter.

Ich hoffe, es kann mir jemand von Euch helfen.
Bin dankbar für jeden Tip.

Gruß mgriebe

[steffenk]

Was soll das sein, ul ohne li?

[mgriebe]

Hallo Steffen,
danke für Deine Antwort. Soweit habe ich das nun auch verstanden. Doch wie muss das TYPO-Script denn dann genau aussehen? Habe das schonmal so versucht:

marks.VERTNAV = HMENU
marks.VERTNAV.special = directory
marks.VERTNAV.special.value = 1
marks.VERTNAV.excludeUidList = 1
marks.VERTNAV {
wrap = <div id="vertnav"> | </div>
entryLevel = 0
1 = TMENU
1 {
expAll=1
noBlur = 1
wrap = <ul class="vertnav"><li> | </li></ul>
NO {
wrapItemAndSub =  |    
}
}
}

Aber das passt natürlich auch nicht wirklich. Wie bekomme ich denn diese Verschachtelung genau hin?

Gruß mgriebe

[steffenk]

wrapItemAndSub = <li>|</li>

[mgriebe]

OK, habe mein TYPO-Script nun wie folgt angepasst:

marks.VERTNAV = HMENU
marks.VERTNAV.special = directory
marks.VERTNAV.special.value = 1
marks.VERTNAV.excludeUidList = 1
marks.VERTNAV {
wrap = <div id="vertnav"> | </div>
entryLevel = 0
1 = TMENU
1 {
expAll=1
noBlur = 1
wrap = <ul>|</ul> 
NO {
wrapItemAndSub =  <li>|</li>
}
}
}

Das ganze sieht nun im FF so aus:



und im IE so:



Ist das TYPO-Script so OK und liegt das jetzt noch an dem CSS?

[steffenk]

Das liegt nur an dem CSS. Schau Dir Beispiele an, fast jede Webseite hat eins.