quick css one!!

ConsultClifford

hi im creating a list for a site which i want to appear like this

---

---

---

it is actually ok on IE
however on FIREFOX its appearing like this

---

---

---

How can i get FIRFOX to display like IE??
TNX





Heres the html:

<ul id="mainlevel-nav2">

<li><a class="mainlevel" href="">
Voiles</a></li>

<li><a class="mainlevel" href="">
Planches</a></li>

<li><a class="mainlevel" href="">
Accessoires</a></li>


<li><a class="mainlevel" href="">
Autres</a></li>
</ul>


CSS:

#mainlevel-nav2 li {margin: 0; padding: 0; list-style-type: none; width:150px;}
#mainlevel-nav2 a:link, #mainlevel-nav2 a:visited {float: left; font-size: 11px; line-height: 12px; font-weight: bold; margin: 4px 8px 0 8px; padding: 2px; text-decoration: none; border: none; color: #4C0000; }

tammy

Took out float: left; and it works fine. Firefox was correct, IE wrong. IE doesn't like float much or css generally. http://www.digital-web.com/articles/toward_a_more_standards_compliant_ie/

#mainlevel-nav2 li {
margin: 0;
padding: 0;
list-style-type: none;
width:150px;
}

#mainlevel-nav2 a:link, a:visited {

font-size: 11px;
line-height: 12px;
font-weight: bold;
margin: 4px 8px 0 8px;
padding: 2px;
text-decoration: none;
border: none;
color: #4C0000;
}

ConsultClifford

tnx alot!