мой div позиционирует разные в разных браузерах

Question

Делает изменения на домашней странице. У меня есть фоновые изображения и ссылки на изображение в виде кнопок.

Однако при создании div для каждого изображения я узнал, что лучшим способом было добавить div для каждого изображения, так как это позволит мне позиционировать изображения рядом. мне сказали использовать класс, однако с классом i не удалось бы разместить изображения рядом:

это моя законченная страница, так как вы можете увидеть 7 изображений в середине экрана.

Однако если вы откроете это в Firefox это выходит все неаккуратно:/

что является лучшим решением для этого, чтобы он позиционируется как ссылку я предоставил. но и во всех браузерах. это divs лучший способ?

Это мой JS скрипку с кодом: http://jsfiddle.net/uJhvk/

например

<div id="testimage"> 
    <div id="a1"><a href="">Awards</a></div> 
</div> 

любая помощь будет признателен.

Answer 1

http://jsfiddle.net/ahallicks/uJhvk/1/

Я добавил поплавки # testimage2-6 и поля для двух последних в пространстве их

float: left;clear: both;

на # testimage2 сделать это сидеть на новой линии