sfondo cella onmouse over

[Gina]

ciao a tutti!
sto provando tramite CSS a far cambiare lo sfondo delle celle di un menu, quando ci si passa col mouse sopra. Ho provato a fare delle ricerche... ma la maggior parte delle soluzioni è in java script (vorrei evitare se possibile). Attualmente sto usando questo codice:


nella pagina del menu:

    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="838" id="AutoNumber8">
      <tr>
       <td width="140" class="top" style="width: 140"><a href="#"><div id="top">Home Page</div></td>
        <td width="140" class="top" style="width: 140"><a href="#"><div id="top">1</div></td>
        <td width="140" class="top" style="width: 140"><a href="#"><div id="top">1</div></td>
        <td width="140" class="top" style="width: 140"><a href="#"><div id="top">1</div></td>
        <td width="140" class="top" style="width: 140"><a href="#"><div id="top">1</div></td>
        <td width="140" class="top" style="width: 140"><a href="#"><div id="top">1</div></td>
      </tr>
    </table> 

il foglio di stile:

.top {
height: 30px;
width: 140;
font-size: 8pt;
text-align: center;
background: url('1.png') no-repeat;
}

.top a:hover {
height: 30px;
width: 140;
font-size: 8pt;
text-align: center;
background: url('2.png') no-repeat;
} 

però c'è questo problema: funziona solo cpn FF mozilla (e pure male) mentre con Explorer non succede un bel niente. Poi.. con FF al mouse over il testo delle celle se ne va tutto in alto..per i cavoli suoi. Come posso risolvere??

grazie in anticipo a tutti Gina

[mucu]

leggi questa discussione
http://forum.html.it/forum/showthrea...readid=1398721