image margin problem

[mtgentry]

Hi all,

Ive got some images that I want to display with a 10px border around them.

If you click on the 2nd thumbnail image on the link below you will see a large white margin that shouldnt be there.

http://www.brentharada.com/paintings/


Any thoughts on whats going on here?

thanks!

-Mason

Heres the css that pertains to the images...
#images {

margin-bottom:auto 10px;
padding: 10px;
background:#fff;
text-align: left;

}


#container {
width: auto 400px;

margin: 30px;
margin-bottom:5px;

text-align: left;
float: left;
}

[Siddan]

I dunno,but with the first look I would believe it has something to do with that javascript you have.

[Fang]

Validation (http://validator.w3.org/)
See attachment

[mtgentry]

Thanks for the help Fang. Indeed my code was sloppy and needed to be validated. I got my border working by using the "border" selecter instead of trying to pad my images. What a revelation huh? :)