unwanted vertical margins on horizonatally stacked images

[FairyLucy]

Hello web experts, a question form a lonely beginner in HTML and CSS crying out for help!!,

I am trying to stack 5 images of the same dimensions next to each other horizontally as the top bar of my website. I am adding them separately as they will move around from page to page, and will also be links.

I have floated the 5 images left, and they have white margins vertically where the edges of the images meet when i want them to sit flush.

This is the div in my HTML:

<div id="top_banner">
<a href="alligator.html"><img src="images/top_alligator_02.jpg" alt="alligator thumbnail" title="alligator_thumbnail" /></a>
<a href="excalibur.html"><img src="images/top_excalibur_03.jpg" alt="excalibur thumbnail" title="excalibur_thumbnail"/></a>
<a href="fabrication.html"><img src="images/top_fabrication_04.jpg" title="fabrication_thumbnail" alt="fabrication thumbnail"/></a>
<a href="minigator.html"><img src="images/top_minigator_05.jpg" title="minigator_thumbnail" alt="minigator thumbnail"/></a>
<a href="balmoral.html"><img src="images/top_balmoral_06.jpg" title="balmoral_thumbnail" alt="balmoral thumbnail"/></a>
 
<a href="index.html"><img src="images/hl_logo_07.gif" title="henry lewis logo" alt="henry lewis logo"/></a>
</div>
 
and my CSS is 
 
#top_banner {
    margin: 0px;
    border: 0px;
    padding: 0px;
}
 

- so i have tried to turn off all ways of having the margins but still get space between the images - aaarrrrrrrrrrrgggggghhhhh!!.

Does anyone have any other suggestions?

Thank you sooooooo much for your time :)

[David Laakso]

Target the element that determines how a picture is displayed.

<img>
 

CSS

img {
border:none;
float:left;
width:150px;
height:150px;
}
 

No CSS is needed (so far, anyway) for the parent container.

#top_banner { }
 

Some versions of IE need the height and width stated in the markup or the image may not appear; or, it will appear but may be distorted.

<img src="images/hl_logo_07.gif" width="155" height="155" alt="" />
 

Make sure the document has a doctype and that the markup and the CSS are valid.

PS Please enclose your html and CSS in code tags when posting to the forum. Thanks.

[clain]

you can try an over flow hidden property for the parent div ... this will fix the problems,,,, enjoy coding--