Tab Darstellungsproblem Firefox und IE

[storm]

Hallo zusammen.

ich habe ein Vbulletin Forum und möchte nun Nav Tabs über meinem Header haben.

Dazu wollte ich folgende Modifikation einfügen.

Install :
Upload images to /images/ folder
Additional CSS Definitions Add :

ul.newsnav {
float:left;
clear:both;
margin:0;
padding:0;
width:840px;
}

ul.newsnav li {
float:left;
height:27px;
list-style-type:none;
display:inline;
font-size:12px;
margin-right:1px;
padding-top:12px;
}

ul.newsnav li.inorange {
height:27px;
width:auto;
padding:0 4px 0 0;
background:url(images/tabright.png) bottom right no-repeat;
text-transform:uppercase;
color:#fff;
margin-top:12px;
}

ul.newsnav li.inorange span {
float:left;
height:21px;
width:auto;
padding:6px 15px 0 20px;
background:url(images/tableft.png) bottom left no-repeat;
}

ul.newsnav li a {
float:left;
height:27px;
width:auto;
padding:0 4px 0 0;
background:url(images/tabright.png) top right no-repeat;
display:block;
text-transform:uppercase;
color:#2b6d9f;
text-decoration:none;
}

ul.newsnav li a span {
float:left;
height:21px;
width:auto;
padding:6px 16px 0 20px;
background:url(images/tableft.png) top left no-repeat;
cursorointer;
display:block;
}

ul.newsnav li a:hover {
background-position:bottom right;
color:#fff;
}

ul.newsnav li a:hover span {
background-position:bottom left;
color:#fff;
}

Add to navbar template or any where you need.

Navigation / Breadcrumb Templates / navbar
Very above find <br /> and add under



<!-- New Navbar -->
<div align="center">
<ul class="newsnav">
<li class="inorange"><span>Home</span></li>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>People</span></a></li>
<li><a href="#"><span>Social</span></a></li>
<li><a href="#"><span>About us</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Orange TAB</span></a></li>
</ul>
</div>
<!-- / New Navbar -->

im Firefox wird auch alle korrekt dargestellt.
Aber nicht im Internet explorer. Dort werden die Tabs nicht nebeneinander angezeigt sondern übereinander.

Ich hänge mal ein Bild an wie es im Internet explorer ausschaut.

Ich denke es könnte am css liegen.
Könnt ihr mir helfen ?

Live anschauen kann man es sich in meinem Testforum.
an.diespritzer.de

[storm]

Ups , hier das bild

222222222222222222222222222222.JPG (83.18 KiB) 326-mal betrachtet

[storm]

Ach ja, ihr müsst unter umständen unten Style 1 auswählen.

[Azra]

Ich denke durch die Einstellung width:auto; streckt der IE die Listenelemente auf 100% des Headers, somit können diese nur untereinander dargestellt werden. Wenn du eine feste Breite hinzufügst sollte es gehen.