Can't get rid of space between images with padding:0; margin:0; border:0!

In my top div I have a long image. In my bottom div I have four narrower images. How do I get rid of the space between the two divs? The top div is lined with light blue and there should not be a white bar below it. The extra spacing appears in IE, FF, Google.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>

<style type="text/css">
div, img { border:0; padding:0; margin:0; clear:both }
</style>

</head>
<body>
<div>
	<img src="pictures/web_specials/web-specials-ae-banner.jpg" alt="parts" title="parts" width="725px">
</div>

<div>
	<a href="parts/details/20130/"><img src="pictures/web_specials/web-special-20130.jpg" alt="Click here for details!" title="Click here for details!"
	"></a>
	<a href="parts/details/8021/"><img src="pictures/web_specials/web-special-8021.jpg" alt="Click here for details!" title="Click here for details!"
	"></a>
	<a href="parts/details/2042/"><img src="pictures/web_specials/web-special-2042.jpg" alt="Click here for details!" title="Click here for details!"
	"></a>
	<a href="parts/details/29156/"><img src="pictures/web_specials/web-special-29156.jpg" alt="Click here for details!" title="Click here for details!"
	"></a>
</div>

</body>

</html>

Hi, try adding img{vertical-align:bottom;}

That should clear up any vertical space caused by the image :).

img{vertical-align:top;} did the trick!

Thanks!

Which ever value suits your needs :).

You’re welcome.