Rollover auf Table mit CSS

[oliver weibel]

Hallo zusammen

Ich versuche auf einer Tabelle mit CSS die Hintergrundfarbe zu wechseln, das geht auch, jedoch hat der IE ein Problem damit und zeigt da nichts an.

Konkret:
Ich ahb eine Liste, also eine normale Tabelle. Wenn ich nun mit der Maus auf die ganze Linie gehe, dann soll die Hintergrundfarbe der ganzen Liste sich ändern. Das hab ich wie folgt gemacht:

<table width="631" border="0" cellpadding="0" cellspacing="0" ellspacing="0">
      <tr>
       <td class="tabelleborder">
        <table>
         <a href="#"><tr>
          <td width="154"><input type="checkbox" name="checkbox" value="checkbox" /></td>
          <td width="154"><font class="fontbold">Oskar M&uuml;ller</font></td>
          <td width="154">[e-mail]</td>
          <td width="154">[phone]</td>
         </tr></a>
        </table>
       </td>
      </tr>
     </table>

und das CSS schaut wie folgt aus:

.tabelleborder {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

.tabelle a {
text-decoration: none;
background-color: #ffffff;
}

.tabelle a:hover {
text-decoration: none;
background-color: #ecf0f5;

}

Geht das überhaupt mit dem IE? Oder muss ich da JavaScript brauchen?

Danke für Eure Hilfe.

gruss
Oliver