Opera и IE видят по разному. Помогите исправить ошибку.

Добрый день.

Помогите исправить ошибку.

Вот код:

<div class="works">
<img src="images/left_works.png" class="left_works" />
<span class="work_sample">
<span class="work_description">Земельный участок <br />СНТ 16 соток</span>
<img src="images/sample1.png" />
</span>
<img src="images/white_line.png" class="white_line" />
<span class="work_sample">
<span class="work_description">Земельный участок <br />(КФХ) 50 соток</span>
<img src="images/sample2.png" />
</span>
<img src="images/white_line.png" class="white_line" />
<span class="work_sample">
<span class="work_description">Земельный участок <br /> под ИЖС </span>
<img src="images/sample3.png" />
</span>
<img src="images/white_line.png" class="white_line" />
<span class="work_sample"><span class="work_description">Земельный участок <br /> СНТ 12 соток</span>
<img src="images/sample4.png" />
</span>
<img src="images/right_works.png" class="right_works" />
</div>

Проблема с последней картинкой <img src="images/right_works.png" class="right_works" />.

В Opera все нормально, а IE переносит картинку на следующую строку, как будто видит <br />

Вот CSS:

.works
{
width: 885px;
height: 160px;
margin-left:auto;
margin-right:auto;
background: #057f10;
text-align:center;
}

.left_works
{
position:relative;
left:-60px;
height:160px;
}

.right_works
{
position:relative;
left:10px;
height:160px;
float:right;
}

Заранее спасибо.