Как добавить смену цвета таблиц в css, помогите!

[Skamer]

Привет великие кодеры html =)

есть код:

<table width=60% border=1 cellspacing=0 cellpadding=4 bordercolor=#333333 align=center>
<tr> 
<td align=center bgcolor=#CCCCCC onMouseOver="this.style.background='#FFCC33'" onMouseOut="this.style.background='#CCCCCC'" onClick="document.location='1.html'" style="cursor: hand"><a href="link1.htm">Сцылко</a></td>
</tr>
</table>

При наведении на ячейку меняется ее цвет.

Как мне сделать тоже самое, только прописать в стилях css?
То есть, как мне прописать в css чтобы при наведении на ячейку таблицы, она меняла цвет. Заранее спасибки

 

[Jameson]

Вообще по идее так:

<style type="text/css">
td:hover {background-color:#CCC;}
</style>

но вот проблемка - IE не умеет :hover в отношении элементов, не являющихся якорями <a>. Так что у тебя сейчас, в принципе, правильно, только
onClick="document.location='1.html'" лишнее.
И еще - cursor: pointer, hand не будет работать в FF.

 

[shell]

#links a{
display: block;
width: 100%;
border: 1px solid #333333;
background: #CCCCCC;
padding:4px;
}
#links a:hover{
background: #FFCC33;
}

<table width="60%" cellspacing=0 cellpadding=0 align=center> <tr> 
<td align=center id="links"><a href="link1.htm">Сцылко</a></td> 
</tr> 
</table>