Помогите разобраться с выделением
 

Написал код:

<table width="100%">
<tr>
<td style="background-color: #fbcc7b" onMouseOver="this.style.backgroundColor='#c7830d'"

onMouseOut="this.style.backgroundColor='#fbcc7b'"> Адин</td>
<td style="background-color: #fbcc7b">Дыва</td>
</tr>
</table>


Ребята, помогите сделать так, чтобы при наведении на Адин, выделялось не только Адин, а сразу еще и Дыва, ну и наоборот соответственно.

чего тебе не хватает, чтобы сделать это самому?

p.s. не надо смешивать разметку, стили и код

Как сделать чтобы сразу выделялось два столбика, они у меня по одному выделяются только ...

не можешь найти сосденюю ячейку? nextSibling/previousSibling

p.s. http://javascript.ru/tutorial/dom

Всеравно не понимаю как сделать чтоб работало :(