Opera: doppio spazio in con DIV

[zpc]

Premetto che già ho usato la funzione ricerca senza successo.


Nella parte superiore del sito ho una barra di navigazione in css che presenta una anomalia solo con opera, ovvero sotto la barra viene creato uno spazio in più (doppio) che sembra imputabile all'interpretazione che ne fa Opera dei tag div, con FF e IE7 questo non succede, sinceramente non so sove devo agire.

Porzione di codice che include la barra:
--------------------------------------
<td width="980" height="22" colspan="3">

<div id="chromemenu">

<ul>[*]Home[*]News[*]Forum[*]Prossime pubblicazioni[*]Newsletter[*]RSS[*]Cerca[/list]
</div>
------------------------------

Codice nel css che gestisce la barra:
----------------------------------
#chromemenu{
width: 99%;/*lunghezza della barra superiore*/
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #000000;
width: 99%;
background: url(sfondo.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding-left: 0px;
margin: 0 ;
float: left;
font: bold 10px Verdana;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #f0f0f0;
font-weight: bold;
padding: 2px 2px 2px 16px;/*dimensioni della barra*/
text-decoration: none;
}

#chromemenu ul li a:hover{
color: #B5D3F9; /*testo link con mouse sopra*/
}


#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}
-------------------------------------------------------------------


Immagini :

[panta1978]

Originariamente inviato da zpc
<td width="980" height="22" colspan="3">

Questo è sbagliato. Devi specificare l'unità di misura che vuoi adottare.

<td width="980px" height="22px" colspan="3px">

Poi forse ti conviene utilizzare i CSS per la formattazione.

<td style="menu">
...
</td>

td.menu{
width:980px;
height:22px;
margin:3px
}

Magari non c'entra molto ma... non sono un pò tanti 980 pixels? Usualmente si fa in modo che anche quei poveri utenti che hanno ancora uno schermo con risoluzione 800*600 riescano a vedere il sito corretttamente, senza fastidiose scrollbar orizzontali.

[zpc]

<td style="menu">
...
</td>

td.menu{
width:980px;
height:22px;
margin:3px
}

Non funziona, nemmeno se questa classe la applico direttamente al DIV contenitore.