Структура Div. Ошибка отображения изображений

Question

Я работаю на небольшом веб-сайте.

Я только что загрузил индекс на веб-сайт, чтобы показать вам «графическую» проблему с Firefox и IE.

адресса является http://www.anticamaddalena.it

Проблема заключается в следующем:

Safari отображает страницы штраф. Все работает правильно. Изображения «секций» прекрасно и правильно прикреплены.

Firefox и IE не отображают правильную структуру div со связанным с ней изображением «каскад». Я имею в виду, я вижу пробел между «кнопками». Изображение не прикреплено, это не жидкость.

Я пробовал css с 0 полями, рамкой 0 на ярлыке img и 0 дополнением на css.

Я не опытный программист, а только новичок, который учится. Что может вызвать такую ​​проблему?

Здесь 2 IMG ссылки, показывающие проблему:

SAFARI:

FIREFOX:

Answer 1

Попробуйте это:

добавить CSS свойство

display: inline-block; 

к вашим элементам 'a', которые используются с этими изображениями.

Answer 2

Попробуйте добавить

#blocco_centrale div a { 
    line-height: 0px; 
} 

или

#blocco_centrale div a { 
    display: block; 
} 

в свою таблицу стилей. Это решит проблему. Но я рекомендую вам использовать лучшую структуру HTML и CSS.