Проблемы с нажатием ссылок в IE

[Мамай]

Столкнулся с такой проблемой:

Вывожу строки таблицы из базы, каждая строка - это ссылка, она должна выделяться при наведении, при нажатии перекидывать на другую страницу. В опере, мозиле, сафари, все работает, в IE нет.

В IE при наведении на строку, она выделяется, при этом внизу в строке состояния показывается правильная ссылка, но если нажать, то ничего не происходит. (другие ссылки на странице работают) Помогите разобраться плиз.

———————————

Код:

<?php

do {printf("

<a href='price_unit.php?id=%s' class='catalog_table'>

<table cellpadding='0px' cellspacing='0px'>

<tr>

<td class='table_catalog_img'>%s</td>

<td class='table_catalog_col1'>%s</td>

<td class='table_catalog_col2'>%s</td>

<td class='table_catalog_col3'>%s<img src='img/rub_img.png'></td>

<td class='table_catalog_col4'>%s</td>

</tr>

</table>

</a>

", $myrow_catalog['id'],

$myrow_catalog['photo_mini'], $myrow_catalog['name'], $myrow_catalog['article'], $myrow_catalog['price'], $myrow_catalog['available']

);}

while($myrow_catalog=mysql_fetch_array($result_catalog));

?>

———————————

CSS

A.catalog_table:link {display:block; text-decoration: none; font-family:Verdana; text-align:left; font-weight: bold; color:#000000;}

A.catalog_table:visited {text-decoration: none; font-family:Verdana; text-align:left; font-weight: bold; color:#000000;}

A.catalog_table:active {text-decoration:none ; font-family:Verdana; text-align:left; font-weight:bold; color:#000000;}

A.catalog_table:hover {text-decoration: none; font-family:Verdana; text-align:left; font-weight:bold; color:#333333; background:#dbdbdb;}

.table_catalog_img {

height:70px;

border:0px;

vertical-align:top;

text-align:left;

text-indent:0px;

margin-top:0px;

font-size:15px;

margin-left:0px;

margin-bottom:0px;

padding:0px;

float:left;

width:100px;}

.table_catalog_col1 {

height:75px;

vertical-align:top;

text-align:left;

text-indent:0px;

padding:0px;

margin-top:0px;

margin-left:0px;

font-size:12px;

float:left;

width:300px;

margin-bottom:0px;}

.table_catalog_col2 {

height:75px;

vertical-align:top;

text-align:left;

text-indent:0px;

padding:0px;

margin-top:0px;

margin-left:0px;

font-size:12px;

float:left;

width:120px;

margin-bottom:0px;}

.table_catalog_col3 {

height:75px;

vertical-align:top;

text-align:left;

text-indent:0px;

padding:0px;

margin-top:0px;

margin-left:0px;

font-size:12px;

float:left;

width:100px;

margin-bottom:0px;}

.table_catalog_col4 {

height:75px;

vertical-align:top;

text-align:left;

text-indent:0px;

padding:0px;

margin-top:0px;

margin-left:0px;

font-size:12px;

float:left;

width:50px;

margin-bottom:0px;}

[VJiK]

A - строчный элемент, TABLE - блочный элемент.

Нельзя вкладывать блочный элемент в строчный.

Можно сделать с помощью JS, повесив на клик по строке переход по ссылке.

[Мамай]

К тэгу А применено свойство display:block. Dispay поддерживается и в опере и в мозиле и в эксплорере. А проблема только в эксплорере.

[VJiK]

К тэгу А применено свойство display:block. Dispay поддерживается и в опере и в мозиле и в эксплорере. А проблема только в эксплорере.

То, что вы применили display:block не убирает проблемы с некорректной вложенностью тэгов, описанной выше.

Повторюсь - в данном случае вам поможет либо JS либо следующий вариант:

Сделать ссылки внутри каждой ячейки и ссылку сделать блоком с шириной и высотой равной ширине и высоте ячейки

[Мамай]

Огромное спасибо!