CSS плавающие связанных изображений

Question

Я не могу понять, почему это происходит. Второе изображение как-то расположено ниже уровня первого, но следующие строки изображений в порядке. Снимок экрана: http://i.stack.imgur.com/e1P2t.jpg

Код для каждого связанного изображения:

<a style="display: block; float: left; padding: 5px;" target="_blank" href="_link_">
 <img src="_link_" width="300" height="200" />
</a>

Что я должен сделать, чтобы исправить это? Живой пример можно найти здесь http://chemica.ru/thread/1433

Answer 1

Избавьтесь от <br> между тегами <a>, когда они находятся на одной строке - вот в чем проблема.

Answer 2

Добро пожаловать в stackoverflow ...

У вас есть <br/> теги после каждого связанного изображения.Если вы избавитесь от них, это должно помочь.