469,315 Members | 1,471 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,315 developers. It's quick & easy.

IE: Unexplained gap between two divs with background images

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
0 1502

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Aaron | last post: by
13 posts views Thread by Aaron | last post: by
4 posts views Thread by Aaron | last post: by
1 post views Thread by cma6 | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
1 post views Thread by Geralt96 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.