Probleme mit TMENU

Hallo Zusammen,
ich habe mich ins kalte Wasser begeben und benötige nun Eure Hilfe. Ein Suchen im Forum führte leider zu keinem Erfolg.
Ich habe über css entsprechende Vorgaben für das Menü gemacht. Leider wird dieses durch TYPO oder durch meine falsche css-Formatierung durch die Browser unterschiedlich dargestllt. Firefox zeigt das Menü so: Bild: hgwing.de/…/probtmenu.gif

Der css-Code lautet:
div#mainmenue
{
font: 12px Arial;
width : 176px;
background-color:#F3F5F7;
#border:0px solid silver;
}

html>body p.ulnavi1 {
width: 174px;
}

ul.ulnav1
{
list-style: none;
font: 14px Arial;
display: block;
background: #F3F5F7;
overflow: hidden;
margin-left: -2px;


}

ul.ulnav1 li.li_navi1_no
{
list-style: none;
font: 14px Arial;
margin: 0;
display: block;
background: #F3F5F7;
overflow: hidden;
width: auto!important;
border-top:1px solid silver;

}

ul.ulnav1 li.li_navi2_act
{
list-style: none;
font: 14px Arial;
margin: 0;
list-style: none;
display: block;
background: #F3F5F7;
overflow: hidden;
width: auto!important;
border-top:1px solid silver;

}

ul.ulnav2
{
list-style: none;
font: 14px Arial;
margin: 0;
list-style: none;
display: block;
background: #FFFFFF;
overflow: hidden;
}
ul.ulnav1>li a,
ul.ulnav1>li a:link,
ul.ulnav1>li a:visited,
ul.ulnav1>li a:hover,
ul.ulnav1>li a:active {
width: auto!important;
}

ul.ulnav1 li a,
ul.ulnav1 li a:link,
ul.ulnav1 li a:visited,
ul.ulnav1 li a:hover,
ul.ulnav1 li a:active {
display: block;
text-decoration: none;
color: #000000;
padding: 5px 5px 5px 2px;
border: 0;
border-top: 1px solid #B8CBD9;
margin: 0;
margin-top: -1px;
width: 100%;
font-weight: normal;
background: #FFFFFF;
}
ul.ulnav1 li a:hover, ul.mainnavigation li a:focus {
background: #F3F5F7;
}

Der TYPO3Code für die Funktion habe ich schon mehrmals verändert. Dabei habe ich dann auch einen aus diesem Forum verwendet und angepasst. Er lautet:

MENU_LEFT = HMENU
	MENU_LEFT {
     stdWrap.required=1
     stdWrap.wrap=<div id="MENU_LEFT">|</div>
     special.value = 4
     entryLevel = 1
     1 = TMENU
     1 {
        wrap = <ul class="ulnav1">|</ul>
        noBlur = 1
        NO = 1
        NO {
           wrapItemAndSub = <li class="li_navi1_no">|</li>
           stdWrap = upper
        }
     }
     2 < .1
     2.wrap = <ul id="ulnav1">|</ul>
     2.CUR.stdWrap.wrap = <div class="li_navi2_act" title="Sie sind hier">|</div>
}

IE5.5 stellt das Menü über die gesamt Spalte dar, während FireFox wie auf Abbildung das Menü darstellt. Ziel soll aber die Darstellung über die gesamte Breite sein!

Würde mich freuen, wenn mir jemand einen Rat geben könnte, da ich absolut Newbe in TYPO3 bin. Kann auch gerne ein anderer TypoCode sein.

Danke!
Frohe Weihnachtstage und guten Rutsch!
Chris

Hallo Chris,

stimmt der doktype der Seite, hier kann es unterschiedliche Ausgaben geben!

Schreib dann auch mal ins CSS ganz oben:

* {
padding:0;
margin:0;
}

georg

Du musst ul und li im CSS schachteln und dann mit padding arbeiten, also z. B. so:

ul { width: 10em; margin: 0; }
ul li { padding-left: 0.1em; }
ul li ul { margin: 0; }
ul li ul li { padding-left: 0.5em; }

Morgen,
danke für die schnelle Hilfe!! Es hat funktioniert :-)

Grus
Chris