Возникла такая проблема. Не могу понять в чем дело.

Страницу можно найти по адресу http://lcn.com.ua/TreneraDonetsk.html . Обратите внимание на информацию справа от второй фотки (Адрес, Телефон, ...). В Опере оно все отображается компактно (сообственно, я как раз под Оперу эту страницу и создавал), а когда решил посмотреть на нее в IE, то увидел, что там это все растягивается.

Для того, чтобы "разделить" строки я использую конструкцию
TreneraDonetsk.html <div id="info_name">Адрес:</div>
<div id="info_value">г. Донецк, ул. Очаковская, д. 8, кв. 2</div>

<div id="break"></div>

<div id="info_name">Телефон:</div>
<div id="info_value">
8 (062) 3459076<br>
8 (067) 6277886
</div>


trenera.css#info_name
{
float: left;
width: 13%;
font-weight: bold;
}

#info_value
{
float: right;
width: 87%;
}

#break
{
width: 100%;
height: 20px;
}


И ещё. В Опере при наведении на картинки меняется цвет рамки (hover), в IE - нет, и цвет рамки синий, а не черный как прописано в CSS-файле. Такое впечатление, что либо IE эти файлы как-то выборочно читает, либо под него нужен особый синтаксис.
Я с CSS работать начал относительно недавно, могу чего-то не знать. Нужен совет!

1. Помогло, спасибо.

2. hover работать отказывается.
TreneraDnepropetrovsk.html<tr>
<td width=200 align=left valign=center> <a href="javascript:showphoto('photo/dnepr16.jpg','518','389')"><img src="photo/thumb/thumb_dnepr16.jpg" width=173 height=130 border=1></a></td>
<td width=200 align=center valign=center><a href="javascript:showphoto('photo/dnepr17.jpg','518','389')"><img src="photo/thumb/thumb_dnepr17.jpg" width=173 height=130 border=1></a></td>
<td width=200 align=center valign=center><a href="javascript:showphoto('photo/dnepr18.jpg','518','389')"><img src="photo/thumb/thumb_dnepr18.jpg" width=173 height=130 border=1></a></td>
<td width=100 align=center valign=center><a href="javascript:showphoto('photo/dnepr13.jpg','389','518')"><img src="photo/thumb/thumb_dnepr13.jpg" width=95 height=130 border=1></a></td>
<td width=100 align=right valign=center> <a href="javascript:showphoto('photo/dnepr19.jpg','389','518')"><img src="photo/thumb/thumb_dnepr19.jpg" width=95 height=130 border=1></a></td>
</tr>

trenera.cssa:link IMG
{
border:1px solid black;
}

a:visited IMG
{
border:1px solid black;
}

a:active IMG
{
border:1px solid black;
}

a:hover IMG
{
border:1px solid red;
}

Опера все делает, как и раньше. В IE цвет рамки меняется почему-то только когда имеет место щелчок любой кнопки мыши на ссылке (картинке).

Забыл дописать. Я пробовал убирать все A:* IMG, кроме hover, но IE всё-равно не прорисовывает крансую рамку при наведении мыши. Может, это только мой IE глючит? Посмотрите, как у вас IE будет отображать эти странички. Например, http://www.lcn.com.ua/TreneraDonetsk.html . И отпишитесь, плз!