Ayuda con menu en css :)

[acoevil]

hola quetal tengo el sgte problema estoy haciendo un menu horizontal y me salio el sgte problema

en firefox 3
miren la foto 1
http://img375.imageshack.us/my.php?image=dibujoud5.jpg

en internet explorer 6
miren la foto 2
http://img507.imageshack.us/my.php?image=dibujo2lo9.jpg

el problema es que la segunda se ve como en escala creo que tiene algo que ver el display:block y el display:inline

css

{padding:0; margin:0;}
ul{list-style:none;}
.contenedor{width:500px; height:50px;}
a.menu{color:#fff; background:#333; font-family:"Lucida Sans Unicode"; font-size:12px; font-weight:bold; text-decoration:none;}
a.menu{float:left;}
a.menu{border:2px solid #333; margin:3px; border-left:5px solid #CC6633;}


html

<div class="contenedor">
<ul>
<li><a href="#" class="menu">primero</a></li>
<li><a href="#" class="menu">primero</a></li>
<li><a href="#" class="menu">primero</a></li>
<li><a href="#" class="menu">primero</a></li>
<li><a href="#" class="menu">primero</a></li>
</ul>




gracias por sus ayudas

[acoevil]

:)

lo solucione asi como creen que me quedo? consejos ?

{padding:0; margin:0;}
ul{list-style:none;}
.contenedor{width:100%; height:50px;}
a.menu{color:#fff; background:#333; font-family:"Lucida Sans Unicode"; font-size:12px; font-weight:bold; text-decoration:none;}
a.menu{border:2px solid #333; margin:3px; border-left:5px solid #CC6633;}
a.menu{display:block; width:150px;}
ul li{display:inline; float:left;}