IE displaying skin wrongly

[Snetty]

Lo all, I made a skin for a client's site a while back and i've just noticed a minor problem in IE. The site can be found at www.thecarshowcase.com.

If you view it in FF then you'll see that the logo/banner at the top displays with no problems. However, in IE it shows a white line in the background.

Here is the code. You'll see that the banner is made up of a large image as the background and an identical but cropped image as the link.

PHP Code:

<!-- logo -->
<a name="top"></a>

<div id="logo"><a href="http://www.thecarshowcase.com/forums/" style="border: none;"><img src="images/main/logo1link.png" style="border: none;" alt="The Car Showcase" /></a>
</div>
<!-- /logo --> 


PHP Code:

div#logo {
height: 174px;
width: 100%;
background: url(images/main/logo1.png) no-repeat left;
border: none;
margin: 0px;
padding: 0px;
} 


Can anyone see where my problem might be?

[Zachery]

You have a hard return before your ending </div> tag. try removing it.

[Snetty]

you beauty zach... job done. Any idea why that would cause the problem? Just for my curiosity.

[Zachery]

Originally Posted by Snetty

you beauty zach... job done. Any idea why that would cause the problem? Just for my curiosity.

IE sometimes renders hard returns inside of tags as space.. which they are realisticly.