CSS Template - problems with mainlevel-nav in IE

Hallo Community!

Ich habe da ein kleines Problem mit dem Erscheinungsbild meines Top-Menüs (mainlevel-nav). In Firefox sieht es ok aus aber dieser blöde IE macht wieder was er will und fügt einfach einen Zeilenumbruch ein. Schaut Euch einfach mal die beigefügten Bilder an. Des weiteren sieht die Einrückung der LatestNews-Unterpunkte im IE anders aus.

Hier mein CSS-Code:

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #F6F6F6;
color: black;
text-align: center;
background-image: url(../images/bg2.gif);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
}

#seite {
text-align: left;
margin: 0px auto 5px auto;
width: 800px;
}

#oben {
width: 800px;
height: auto;
}

#oben-innen-links {
width: 620px;
height: auto;
float: left;
}

#oben-innen-rechts {
width: 180px;
height: auto;
float: right;
}

#kopf {
width: 800px;
height: 113px;
float: left;
background-image: url(../images/Vemaxx-Logo2.gif);
background-repeat: no-repeat;
background-position: left;
}

#main {
width: 800px;
height: auto;
float: left;
border: 1px dotted #999999;
}

#spacer {
width: 800px;
height: 28px;
float: left;
background-color: #E1DDD9;
}

#spacer-zwei {
width: 800px;
height: 16px;
background-color: #333333;
float: left;
text-align: right;
font-size: 10px;
font-weight: bold;
color: #FF9900;
padding-top: 2px;
text-transform: uppercase;
/*border-top: 2px solid #FF9999;*/
}

#spalte-links {
width: 165px;
height: auto;
float: left;
margin-bottom: 20px;
border-bottom: 1px dotted #999999;
background-color: #E1DDD9
}

#spalte-rechts {
width: 634px;
height: auto;
float: right;
margin-bottom: 50px;
border-top: 1px dotted #999999;
border-left: 1px dotted #999999;
background-color: #FFFFFF;
}

#spalte-links-menu {
width: 165px;
height: auto;
}

#spalte-rechts-mainbody {
width: 630px;
height: auto;
min-height: 350px;
}

#unten {
width: 800px;
color: #ffffff;
float: left;
background-color: #660000;
font-size: 10px;
}

/* Mambo - Styles */

/*
.pathway {
padding-left: 0px;
}

span.pathway {
color: #999999;
font-size: 10px;
text-transform: uppercase;
}

a.pathway {
font-size: 10px;
color: #999999;
text-decoration: none;
}

a.pathway:link {text-decoration: none;}
a.pathway:visited {text-decoration: none; }
a.pathway:hover {text-decoration: underline; color:#FF9900;}
a.pathway:active {text-decoration: none; }
a.pathway:focus {text-decoration: underline; color:#FF9900;}
*/

a {
font-size: 11px;
color: #666666;
text-decoration: none;
}

a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover {text-decoration: underline; color:#FF9900;}
a:active {text-decoration: none; }
a:focus {text-decoration: underline; color:#FF9900;}

.mainlevel {
font-size:11px;
font-weight:bold;
padding-left: 0px;
margin-bottom: 5px;
line-height:20px;
}

a.mainlevel:link {text-decoration: none; }
a.mainlevel:visited {text-decoration: none; }
a.mainlevel:hover {
text-decoration: overline;
color: #FF9900;
border-left: 4px solid #660000;
padding-left: 10px;
}
a.mainlevel:active {text-decoration: none; }
a.mainlevel:focus {text-decoration: overline; color:#FF9900;border-left: 4px solid #660000;}

#active_menu {
text-decoration: overline;
border-left: 4px solid #660000;
}

ul {
padding-left:15px;
color:#660000;
}

li { }

h3 {
color: #505050;
padding-bottom: 2px;
border-bottom: 1px solid #505050;
font-size: 9px;
font-weight: bold;
padding-left: 4px;
text-transform: uppercase;
}

.contentheading, .componentheading {
font-weight:bold;
font-size: 12px;
color: #660000;
padding:10px;
}

.createdate, .modifydate, .small, .pagenavcounter {
font-size:10px;
}

.pagenav a {
font-size:10px;
}

.pagenav, .pagenavbar {font-size:10px; }

/*
.contentpane {
font-size: 11px;
text-align: left;
margin: 0px;
color: black;
}
*/

.contentpane {margin-left: 20px;}

div.contentpane, td.contentpane, tr.contentpane {margin-left: 20px;}

/*
.contentpaneopen {
padding-left: 10px;
}
*/

table {
font-size:11px;
padding-left: 5px;
}

table .contentpaneopen td {
padding-left: 10px;
}

.contenttoc {
padding: 0px;
border: 1px solid #666666;
}

.contenttoc th { }
.contenttoc td { }
.content_rating { }
.content_vote { }

.readon { }
.searchintro { }

.sectiontableheader, .sectiontablefooter {
background-color: #993333;
color:#ffffff;
font-size:10px;
}
.sectiontableentry1 { }
.sectiontableentry2 {
background-color: #999999;
}

.highlight {
background-color: #660000;
color: #ffffff;
}



/*

---

*/


a.mainlevel-nav{
display: block;
float: left;
margin: 0px;
font-size: 11px;
line-height: 16px;
border-right: 1px dotted Gray;
width: 80px;
text-align: center;
}

a.mainlevel-nav:hover{
color: #660000;
background: #C1C1C1;
text-decoration: underline;
}

.blog_more{
padding-left: 15px;
}

#spalte-rechts-mainbody .moduletable{
padding-left: 20px;
}

#spalte-rechts-mainbody .moduletable h3{
padding-top: 20px;
}
#oben-innen-rechts .inputbox {
background-color: White;
border: 1px solid #666666;
color: #333333;
font-size: 10px;
float: right;
padding: 2px;
}

#unten a {
text-decoration: none;
color: #00CC00;
font-size: 10px;
font-weight: bold;
}

#unten a:hover {
text-decoration: underline;
color:#FF9900;
}

[gelöscht durch Administrator]

Ich vermute mal, dass der Bereich der für das Topmenu vorgesehen ist, zuwenig breit ist.

Wird mit padding-left bei ul zu tun haben.

Das hat mit der index.php zu tun nicht mit CSS. Das Menu ist in ein Primär und Sekundärmenu aufgeteilt. Dazu schaltet man das Mainmenu aus , und integriert das ganze entweder in der index.php oder man erezugt zusätzlich ein Datei für das Primärmenu. Die Lösung heisst nowrap="nowrap" . Hier ein Beispiel schau Dir den Quelltext mal genau an.
--ALTER LINK WURDE ENTFERNT--