This is not the best way to fix this, but it's quick. Go to your style.css file and find this:
#header2 {
background: #000000 url('images/mtop2.jpg') repeat-x bottom left;
margin:0px;
padding:0px;
}
And change to this:
#header2 {
background: url('images/mtop2.jpg') repeat-x left bottom #000;
margin:0px;
margin-bottom:-5px;
padding:0px;
}
html>body #header2
{
margin-bottom:0;
}
You may have to adjust the pixel number for the margin-bottom property because I didn't have your background image loaded when I tested it. The html>body part sets the bottom margin back to zero for all other browsers than IE. Also, the order of the background properties is not necessary but I conformed them more to standards. (At least I think, it may just be my personal preference, I can't remember!) Anyways, let me know if this works for you.