CSS Bordi Hidden di tabelle e Internet Explorer...

[Eldoran79]

Salve a tutti ho una tabella con questo stile:

td.usato { border:1px solid black;}
#r1c1 { border-top:hidden;border-left:hidden}
#r1c2 { border-left:hidden;border-top:hidden}
#r1c3 { border-left:hidden;border-top:hidden }
#r1c4 { border-left:hidden;border-top:hidden;border-right:hidden}

Con sfondo un immagine grigio chiara.
Le tabelle richiamano i valori così:

<td  width=105 id="r2c1"></td>
etc..

Il problema è il seguente, con firefox, safari, Epiphany tutto ok, si vedono i bordini neri dove voglio io.
Con Internet Explorer 6 e 7, non si vedono...

Sbaglio da qualche parte? O IE è completamente incompatibile con questo attributo delle celle?

[salasir]

Forse dipende dai css di default dei vari browser. Magari IE ha border:none.
Prova a togliere la classe dalla definizione delle celle

td { border:1px solid black;}

o inserire la classe nelle celle

<td  width="105" id="r2c1" class="usato"></td>

[Eldoran79]

Niente da fare.... non li mostra

[salasir]

Per prima cosa border:none; e non hidden.

Secondo, verifica gli id delle celle perchè quello dell'esempio è sbagliato
<td width=105 id="r2c1 "></td> mentre nel CSS hai r1c2.

Terzo, se non metti qualcosa dentro alla cella, non vedi nemmeno l'elemento (al limite uno spazio indicato con l'entità corrispondente "& nbsp;" senza lo spazio)

[Eldoran79]

OK ho risolto

Il problema era che gli altri browser riconoscevano hidden come valore al bordo, IE invece no, con "none" l'ha preso pure lui

Per gli id ho solo postato un frammento di codice per dare un idea, non ho preso il td a cui facevano riferimento gli id di sopra

Cmq grazie mille