Неожиданное заполнение/край в ссылках изображения

Question

Ниже изображения продукта здесь: http://www.ivault.sg/shop/audio/speakers/bowers-wilkins-mm1-speakers Между линией и изображением, которое не указано в CSS, есть пробел между линией и изображением.

Проверка элемента, использующего firefox, не показывает каких-либо css paddings/margin, которые также создавали бы это пространство.

Какое свойство css вызывает это?

Answer 1

это побочный эффект атрибута img дисплея, установленного в inline (по умолчанию).

добавить правило:

#image { 
    display: block; 
} 

и это будет исправить это.

Answer 2

Эй вы просто определить в вашем CSS

a img { 
    border: 0 none; 
    vertical-align: top; 
}