css layout problem in IE

[jhatter]

http://www.johnhathway.co.uk/cv-email/fr/index.html

When I view the above site in IE7 (Windows) there is a small gap in the back ground drop shadow between the content (div) and the footer . Does anyone know why this is occurring please?

The drop shadow is a transparent png on top of the repeat jpg in the body.

This does not appear in Safari or Firefox on a Mac or Windows machine.

You may view styles at:
http://www.johnhathway.co.uk/cv-email/fr/index.html/funRun-1.css


Any suggestions would be appreciated.

Thanks

[Josephbm91]

IE is actually displaying it correctly.

#footer {
clear: both;
width: 810px;
height: 50px;
width: 100%;
color: #666666;
font-size:9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-top: 2px;
line-height: 10px;
padding-top: 3px;
background-image: url(images/funrun-footer.jpg);
background-repeat: no-repeat;
background-position: center top;
}

Make the margin-top 0px and your problem goes away :)

[jhatter]

Thanks that did the trick - couldn't see the wood for the trees!