Unexpected padding/margin in image links

Question

Below the main product image here: http://www.ivault.sg/shop/audio/speakers/bowers-wilkins-mm1-speakers There's a space between the line and the image that's not specified in CSS.

Inspecting element using firefox doesn't show any css paddings/margins that would produce that space too.

Which css property is causing this?

Answer 1

this is a side-effect of the img display attribute being set to inline (which is the default value).

add a rule to update it to block :

#image {
    display: block;
}

… and it will be fixed :)

Answer 2

Hey you just define in your css

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