Maledetta differenze fra FF e IE!!!

[stefx78]

Ciao a tutti, dopo molto tempo che sbattevo la testa contro un problema, ho provato a cambiare Browser e per magia con FF funziona mentre con IE no... Provo a postarvi il codice utilizzato per vedere se sapete aiutarmi per capire cosa c'è di incompatibile con IE...

CSS:
.classetd {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
font-size: 11px; /* Dimensione dei caratteri */
color: #E60000; /* Colore dei caratteri */
background-color: #FFFFFF; /* Colore di sfondo delle celle della tabella */
border-bottom-width: 0px; /* Spessore bordo inferiore */
border-bottom-style: solid; /* Aspetto bordo inferiore */
border-bottom-color: #CCCCCC; /* Colore bordo inferiore */
border-right-width: 0px; /* Spessore bordo destro */
border-right-style: solid; /* Aspetto bordo destro */
border-right-color: #CCCCCC; /* Colore bordo destro */
border-left-width: 0px; /* Spessore bordo sinistro */
border-left-style: none; /* Aspetto bordo sinistro */
border-left-color: #CCCCCC; /* Colore bordo sinistro */
border-top-width: 0px; /* Spessore bordo superiore */
border-top-style: solid; /* Aspetto bordo superiore */
border-top-color: #CCCCCC;
margin: 0px;
}
.classetd a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #E60000;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 30px;
text-decoration: none;
text-align:left;
}
.classetd a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/*color: #FFFFFF;*/
text-decoration: none;
/*background-color: #E60000;*/
}
.bordotab {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
font-size: 11px; /* Dimensione dei caratteri */
color: #CCCCCC; /* Colore dei caratteri */
background-color: #CCCCCC; /* Colore di sfondo della tabella */
}
.classetd2 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Font */
font-size: 12px; /* Dimensione dei caratteri */
color: #FFFFFF; /* Colore dei caratteri */
background-color: #E60000; /* Colore di sfondo delle celle della tabella */
border-bottom-width: 0px; /* Spessore bordo inferiore */
border-bottom-style: solid; /* Aspetto bordo inferiore */
border-bottom-color: #CCCCCC; /* Colore bordo inferiore */
border-right-width: 0px; /* Spessore bordo destro */
border-right-style: solid; /* Aspetto bordo destro */
border-right-color: #CCCCCC; /* Colore bordo destro */
border-left-width: 0px; /* Spessore bordo sinistro */
border-left-style: solid; /* Aspetto bordo sinistro */
border-left-color: #CCCCCC; /* Colore bordo sinistro */
border-top-width: 0px; /* Spessore bordo superiore */
border-top-style: solid; /* Aspetto bordo superiore */
border-top-color: #CCCCCC; /* Colore bordo superiore */
padding-top:2px;
padding-bottom: 2px;
display: block;
padding-left: 3px;
position: relative;
text-decoration: none;
font-weight: bold;
}

HTML:
<link href="temp.css" rel="stylesheet" type="text/css" />
<table width="100%" border="0" cellpadding="2" cellspacing="1" class="bordotab">
<tr>
<td nowrap="nowrap" class="classetd2">La societ&agrave;</td>
</tr>
<tr>
<td class="classetd">Chi siamo</td>
</tr>
</table>

DOVE SBAGLIO????
Grazie
Stefano

[michele.santoro]

Cosa c'è che non va?
A me sembra che funzioni allo stesso modo sia con Ie che con FF.

[Mich_]

Togli le formattazioni realizzate con attributi nei tag HTML: interferiscono con le formattazioni CSS (e in qualche browser sono prevalenti).
Se hai dubbi, togli tutti gli attributi che non sono riconosciuti in XHTML Strict (vedi ad esempio http://www.w3schools.com/tags/default.asp )