IE 6, XHTML and the image space

OK IE 6 has a great little bug/feature where if you set your page type to XHTML and you put an image on the page let's say a logo in your header, most times you want your image to be flush with the bottom element, perhaps a border of the container div the image is in.  If you leave the image unprocessed then you'll run into the problem where a 1px space shows up under your image.  This is very frustrating when your looking for a clean layout.

I googled for an answer and either I wasn't searching right or there really isn't an answer on the topic but I couldn't find a solution to the problem.

Asked my friend Travis and he gave me the simple solution to this problem.

img
{
    display: block;
}

That's it.  This will butt everything up on all sides.