By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,985 Members | 1,830 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,985 IT Pros & Developers. It's quick & easy.

IE: Unexplained gap between two divs with background images

P: n/a
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!

Oct 30 '06 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.