border-collapse:collapse; IE e FF

[daweb]

Ciao a tutti.

Ho un problemino con la proprietà in oggetto.

CSS:

table.dataProducts {
background:#f1f1f1;
border-collapse:collapse;
width:100%;
margin:1px 0;
}

table.dataProducts td{
border:1px solid #e5e5e5;
font-size:110%;
padding:5px 6px;
background:#fff;
}

HTML:
<h1>Prodotti</h1>
<h3 class="toggler xxxxxxx">xxxxxxxxx1</h3>

<div class="accordion">

<table class="dataProducts"><tr>
<td class="tdImage">
</td>
<td>xxxxxx^&reg; 10%</td>
<td>text</td>

</tr></table>

</div>

Con IE ottengo il risultato voluto, ma con FF il margine-top della tabella e il margino sinistro della tabella rimangono 'indietro' di 1 px.
Il problema si risolve non utilizzando border-collapse, che però ovviamente vorrei utilizzare.

Consigli?

Grazie

[daweb]

Ho fatto un po' di prove ma alla fine mi sono rassegnato ad eliminare il collapse dalla table.

Qualche suggerimento?

Grazie

[Mega69]

Se vuoi che delle proprietà vengano lette solo da ie, usa gli hack:

*html table.dataProducts { /*proprietà lette solo da IE*/ }

[daweb]

Cercavo di non usare hack, ma mi rendo conto che forse questa è la via più rapida. E va bene così.

Grazie per il consiglio.

[Mich_]

Per IE esistono anche i commenti condizionali (vedi tra i "link utili" per i riferimenti)