HELP! Where is this black line coming from?

[b_ray83]

So I'm very new to html and css in general, so I apologize in advance if this is a really stupid question. I've written the front page of my own website ( http://www.theclearerimage.com/test ) using basic html and a very simple css document ( http://www.theclearerimage.com/test/main.css ). The site seems to look fine on IE, Safari, and Firefox on my Mac, and it also looks fine on Firefox on a PC. However, in IE on a PC, there is a random horizontal black line between the image of the beach, and the lower white bar with the copyright information. Why, for the love of god, is that line there, and why can't I make it disappear? I'm sure there is a very simple answer for this stupid question, but I've already wasted too much time trying to fix it on my own, so here I am begging for a quick pointer. Thanks to anyone willing to help!--Brian

[Fang]

<img src="images/beach.jpg" width="700" height="480" style="display:block;">

[b_ray83]

Fang,

Thank you SO much. It worked perfectly AND saved my sanity. Much appreciated....

Brian

[felgall]

IE treats any space between the image and the following tag as a separate field that destroys the intended layout. The above solution does away with the need to remove the whitespace.