Ciao a tutti

ho un problema di allineamento con Firefox, l'immagine del logo non mi si posiziona a destra del div ma resta accanto all'ultimo oggetto[*] che dovrebbe essere l'ultima voce del menu


.main { width:979px; margin:0 auto;position:relative;z-index:2;}

#logo{ margin-top:37px; float: right;}
#menu { background: url(images/menu_top.jpg) top repeat-x; height:110px; width:100%; overflow:hidden }
#menu ul{ float:left; margin-top:5px;}
#menu li { float:left; padding-right:1px;}
#menu li a{ display:block; line-height:103px; font-size:12px; color:#fff; text-decoration:none; padding:0 19px;}
#menu li a:hover, #menu #menu_active a{ color:#f2d610; background:#000}

<div class="main">

<div id="menu">
[img]images/logo.png[/img]
<ul>
<li id="menu_active">Home[*]index-1[*]index-2[*]index-3[*]index-4[*]index-5[/list]
</div>

</div>