Не получается ссылка на IMG

[As_Pushkin]

Помогите новичку!
Есть вот такой нехитрый HTML:
===================================
<h3> Тест галереи фотографий</h3>
<div class='leftFloat'>
<a href="images/zl/img001.jpg" rel="lightbox[roadtrip]"><img src="images/zl/preview/pre_img001.jpg" width="166" height="110" alt="" class="leftFloat" /></a>
</div>
<p id="standart">
Здесь текст
</p>
=================================== =====
В таблице стилей так:
#standart {
font-size: medium;
font-family: georgia, verbana, Arial, sans-serif;
position: relative;
left : 15px;
}
.leftFloat{
float: left;
}
.rightFloat{
float: right;
}
=================================== ========
Так вот картинка является ссылкой, но только в той области, где она выходит за границу текста слева (см. рис.) Т.е. текст хоть и обтекает ее справа и снизу, но сама область текста при этом перекрывает её. Как сделать чтоб вся картинка была ссылкой?

[Magneto]

В Вашем коде разбираться не стал, сверстал свой.



ниже прикрепляю файл

[Sensizu]

В стили картинки можно еще добавить margin:0px;
И у меня личная неприязнь к position: relative; =\ стрёмно как-то. И еще возможен вариант, что у Вас так:

<h3> Тест галереи фотографий</h3>
<div class='leftFloat'>
<a href="images/zl/img001.jpg" rel="lightbox[roadtrip]"><img src="images/zl/preview/pre_img001.jpg" width="166" height="110" alt="" class="leftFloat" /></a>
</div>
<p id="standart">
Здесь текст
</p>

А как-то логичнее так:

<h3> Тест галереи фотографий</h3>
<div class='leftFloat'>
<a href="images/zl/img001.jpg" rel="lightbox[roadtrip]"><img src="images/zl/preview/pre_img001.jpg" width="166" height="110" alt="" class="leftFloat" /></a>
<p id="standart">
Здесь текст
</p>
</div>