Image problem

HTML & CSS
1

Hey,

I have an image with a border but at the bottom there is a small gap between the bottom edge of the image and the actual border.
Why is it that there is a gap there?


<div id="image">
	<img src="afbeeldingen/fill.jpg" alt="vooraanzicht vakantiehuis haas&fazant" />
</div>



#image{
	margin: 10px 0 [B]0[/B] 0;
	border: 1px solid #000;
}
2

Hi,
Images are inline elements and the default vertical-align:baseline leaves room for text descenders such as the stem of a “j” or a “p”.

Just reset the v-align to bottom :wink:

#image [B]img[/B] {
    vertical-align:bottom;
}
3

aha, obviously, thank you!