onmouseover отрабатывает по разному для одинаковых ячеек таблицы
 

Здраствуйте господа.

Сегодня столкнулся с непонятным глюком в IE 6

Может кто знает как это бороть.

В таблице две ячейки. абсолютно одинаковые. Внутри каждой ячейки сидит слой, на слои повесил события onmouseover и onmouseout
В итоге для первой ячейки события отрабатывают при проведении мышкой над ячейкой. А для второй ячейки - только при наведении на текст.

Как вариант - конечно можно повесить события на сами ячейки - но тогда интерфейс перестает быть интуитивным.

<TABLE style="width:100%;">
<TR>
	<TD style="text-align:center;cursor:pointer;">
		<DIV style="background-color:#FF7F7F;" onmouseover="this.style.backgroundColor='#CCCC33';" onmouseout="this.style.backgroundColor='#FF7F7F';">
			1
		</DIV>
	</TD>
	<TD style="text-align:center;cursor:pointer;">
		<DIV style="background-color:#FF7F7F;" onmouseover="this.style.backgroundColor='#CCCC33';" onmouseout="this.style.backgroundColor='#FF7F7F';">
			2
		</DIV>
	</TD>
</TR>
</TABLE>

блокам ширину в 100% задайте.

спасибо. помогло:)