Проблема с таблицей

[kattiperk]

А точнее с наведением.

 

http://splat.cc.ua/

Давайте мне немного объясним.

 

Вот код таблицы:

<table class="price"> <tr>  <td></td>  <td>    Переезд однокомнатной квартиры  </td>  <td>    <span>от 5 450 руб.</span> (Газель + 2 грузчика)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд двухкомнатной квартиры  </td>  <td>    <span>от 10 600 руб.</span> (Бычок + 4 грузчика)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд трехкомнатной квартиры  </td>  <td>    <span>от 14 150 руб.</span> (Мебельный фургон + 6 грузчиков)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд четырехкомнатной квартиры  </td>  <td>    <span>от 17 350 руб.</span> (Мебельный фургон + 8 грузчиков)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд офиса «под ключ»  </td>  <td>    <span>от 800 руб./м<sup>3</sup></span> Погрузо-разгрузочные и транспортные работы  </td>  <td></td> </tr></table>

Вот её CSS:

table.price {border-collapse: collapse;width: 100%;cursor: pointer;} table.price tr {width: 645px;}table.price tr td {padding: 5px 0;}table.price tr td:first-child,table.price tr td:last-child {width: 15px;}table.price tr td:nth-of-type(3) {text-align: right;}table.price tr td:nth-of-type(3) span {font-weight: bold;color: #b86401;}table.price tr td:nth-of-type(3),table.price tr td:nth-of-type(2) {border-top: 1px solid #fff;border-bottom: 1px solid #fff;} table.price tr:hover {background: #68940c;color: #fff !important;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}

Для спан нужен вот такой цвет детской блевотины #b86401.

А при наведении на весь ряд цвет текста должен быть белым, даже у того спан.

 

У меня вопрос: как сделать спан при наведении булым, наводя только на ряд, а не на сам спан?

 

P.S.

Поместить его в колонку не помогает, ессно.

 

Всем спасибо.

Edited July 9, 2014 by kattiperk

[kattiperk]

А, всё.

 

Немонго отдохнули и решилось так

 

table.price tr:hover td:nth-of-type(3) span {color: #fff !important;}