problema menu con opera

[motorcycle]

Ciao, sto realizzando un semplice menu con le voci una di seguito all'altra. Per fare questo ho dato ad ogni voce elenco un float:left.
Sono tutti elementi blocco.

Questa è la pagina

Funziona correttamente sia con IE che con Firefox ma con Opera è illeggibile e incasinatissimo.

<div id="menu">
<ul class="menu">[*]caratteristiche[*]modalità d'uso[*]funzionamento[*]sperimentazioni[*]certificazione[*]contatti[/list]
</div>


CSS:

div#menu {
background:#bb0050;
height:35px;
width: 525px;
}

ul.menu {
margin: 0px;
padding: 0px;
height: 35px;
width: 525px;

}
ul.menu li {
list-style-image: none;
list-style-type: none;
float: left;
height: 35px;

}
ul.menu a:link , ul.menu a:visited {
font: bold 0.65em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
float: left;
border-right: solid 1px #ffffff;
height: 35px;
padding-right: 4px;
padding-left: 5px;
margin: 0px;
line-height: 30px;

}

ul.menu a:hover , ul.menu a:active {
background-color: #ffe1ee;
color: #545252;

}


Avete qualche suggerimento per farlo funzionare anche con opera?

Grazie
ciao ciao

[floyd46]

ciao
il problema è che hai indicato una misura di 525px per il #menu ma ogni tag[*] con il bordo dx + padding supera in totale la misura generale del #menu. ecco perchè si sfasa.
dovresti adottare un'altra misura per la barra di navigazione.
saluti