Проблема с a:hver в таблице

A:hover работает с тэгом <a> (т.е. ссылка)

не менять фон объединённой ячейки?.. (Классом отдельным.. или некроссбраузерным td[rowspan..)

так точно

а можно здесь поподробней, что за класс? )

у меня в css:

table.greystripes tbody tr:hover {

	background: #E5E5E5;

}

<tr>	
<td><table>
<tr>
<td>GRBп42-1/2блс</td>
</tr>
<tr>
<td>GRBп42-1/2бпс</td>
</tr>
</table></td>
<td><table>
<tr>
<td>Переходник D42 1x1/2” белый левый (под силикон)</td>
</tr>
<tr>
<td>Переходник D42 1x1/2” белый правый (под силикон)</td>
</tr>
</table></td>
<td><img src="images/Perehodnik_D42_belyj_pod_silikon.png" alt="Переходник D42 1x1/2”,1x3/4” белый (под силикон)" width="80" height="72" /></td>
</tr>

можно так сделать, но еще css поменять нужно

Вот я нуб ) Не додумался, идеальный вариант ) Но, ivan-lev, любопытно очень узнать Ваш вариант...

table.greystripes tbody tr:hover td:not(.image) {

	background: #E5E5E5;

}

и для всех ячеек с картинками добавить класс

<td class="image">

P.S. можно сделать и через rowspan, но там есть ячейки с картинками на 1 строку.

Добавил все. Не хочет отображаться, точнее уже и фото не выделяет. Смотреть сайт здесь. DOCTYPE вроде для HTML 5 ) Можешь ещё глянуть. Вариант Dima1151, хороший, но очень не хочу ещё таблиц плодить. Спс.

на всякие код стиля таблицы:

table.greystripes {

	border: 1px solid #D9D9D9;

	color: #404040;

	border-collapse: collapse;

}



table.greystripes caption {

	padding: 6px 0;

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	text-align: center;

}



table.greystripes td, table.greystripes th {

	border: 1px dashed #E5E5E5;

	padding: 5px 10px;

}



table.greystripes thead th {

	border: 1px solid #E5E5E5;

	border-bottom: 2px solid #E5E5E5;

	background: #E5E5E5;

}



table.greystripes tbody th, table.greystripes tbody td {

	text-align: left;

	vertical-align: middle;

	font-size: 14px;

}



table.greystripes tbody tr.odd {

	background: #F2F2F2;

}



table.greystripes tbody tr:hover td:not(.image) {

	background: #E5E5E5;

}



table.greystripes tbody tr:hover th, table.greystripes tbody tr.odd:hover th {

	background: #E5E5E5;

}



table.greystripes tfoot th, table.greystripes tfoot td {

	border: none;

	padding: 4px 10px;

	background-color: #D9D9D9;

	color: #000000;

	font-size: 1.1em;

}



table.greystripes tfoot td {

	text-align: right;

}

Это был баг IE6.

---------- Добавлено 30.11.2012 в 11:08 ----------

Прикольно. Никогда не знал про такой баг.

Если сильно принципиально, то два варианта

1. навесьте JS

2. переверстайте из table в ul. У вас же фиксированная ширина. особых проблем не возникнет.