Ciao a tutti

sto utilizzando nelle mie pagine il CSS x le tabelle dinamiche.

Ho notato che visualizzando la stessa pagina, magari questa:

http://www.mpwebsites.it/pamparino/C...tegoria=Arredo

non ottengo gli stessi effetti grafici! Mi spiego meglio:

se passate il mouse sotto un articolo sotto la colonna del Nome si dovrebbe illuminare tutta la riga con un colore e la voce essere cliccabile.

Questo funziona con IE7, IE6, Opera

NON funziona con Firefox, Safari e Netscape... con questi browser ne s'illumina la riga e è cliccabile la voce sotto Nome MA se invece passo il mouse sotto una voce di Cat. questi funzionano!!!

La formattazione su tutti i campi è uguale!

Cmq vi mostra sia il codice della tabella che il CSS:

<table id="t1">
<colgroup>
<col class="col1">
<col class="col2 odd">
<col class="col3">
<col class="col4 odd">
</colgroup>
<thead>
<tr>
<th>Nome</th>
<th>Descr.</th>
<th>Cat.</th>
</tr>
</thead>
<tbody>
<% While ((Repeat1__numRows <> 0) AND (NOT rs_Categoria.EOF)) %>
<tr>
<td class="col1">"><%=(rs_Categoria.Fields.Item("NOME").Value)% ></td>
<td class="col2"><%=(rs_Categoria.Fields.Item("DESCRIZ IONE").Value)%></td>
<td class="col3">"><%=(rs_Categoria.Fields.Item("CODICE_CATEGORIA") .Value)%></td>
</tr>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
rs_Categoria.MoveNext()
Wend
%>
</tbody>
</table>

/*** CODICE CSS ***/
#t1 { table-layout: fixed; width: 100%; margin: 0 auto; border: 0px solid #999; font-size:12px;}
#t1 th, #t1 td { border: 1px solid #FFF; border-collapse: collapse;}
#t1 td, #t1 th { padding: 1px; text-align: left;}
#t1 th { background: #666; color:#FFF; font-size:14px;}
#t1 tr:hover td { /* questo non funziona in IE */ background: #FFCC00;}
#t1.odd td{background: #ddd}

.odd{background: #eee}
.col1{background: #C4E3F7; width:28%}
.col2{background: #A4DBFF; width:57%}
.col3{background: #86B3D0; width:15%}
.col4{background: #679FC5}

potete spiegarmi?

Pier