IE: Unexplained gap between two divs with background images

[Roberto Roachling]

Hi,

If you look at the following link in IE:
http://huntingseasonson.com/products...x?p=1&c=3&sz=9

a gap appears on the top right, where the rounded corner merges with
the straight line.
I removed the margins and padding on the two <div>s in question
(#maintop and #main), but no luck, and I just cant seen to figure out
what's wrong.

The relevant (well, as far as I can tell) CSS is:
#maintop{float:left;height:13px;width:860px;backgr ound-image:url(../img/mainb.png);background-position:top
left;background-repeat:no-repeat;margin:0;padding:0;}
#main{margin:0;padding:0;background-color:#000;height:100%;float:left;width:100%;color :#fff;background-image:url(../img/mainbd.png);background-position:top
right;background-repeat:repeat-y;}
#main h1
{width:97%;margin:0;padding:0;background-image:url(../img/pa.png);background-position:bottom
left;background-repeat:repeat-x;}

Any ideas?

Thanks in advance!