I have 3 background images setup. The upper 2 are supposed to be static while the lower one should run across the bottom.
Upper left works fine.
Upper right is setup exactly the same, but it is repeating down the page in IE.
Lower right repeats across bottom like it should, but it is also repeating up the page in IE.
All display correctly in FireFox, etc. It is only IE that they play across the page.
This is what is in my stylesheet:
Why would one image be fine and the other two misbehave in IE?Code:/*BOF bg layer div*/ div#bgLayer { width: 100%; background-image: url(../images/c25_5.gif); /*use relative file path*/ background-position:top left; /*(top/center/bottom left/center/right) or (x-% y-%) or (x-pos y-pos)*/ background-repeat: no-repeat; /*or repeat or repeat-y or no-repeat*/ background-attachment: fixed; /*or scroll */ } /*EOF custom bg div*/ /*BOF bg layer UR div*/ div#bgLayerUR { width: 100%; vertical-align: top; background-image: url(../images/bg_ur.png); /*use relative file path*/ background-position: top right; /*(top/center/bottom left/center/right) or (x-% y-%) or (x-pos y-pos)*/ background-repeat: no-repeat; /*or repeat or repeat-y or no-repeat*/ background-attachment: fixed; /*or scroll */ } /*EOF custom bg div*/ /*BOF bg layer div*/ div#bgLayerLR { width: 100%; background-image: url(../images/paw.png); /*use relative file path*/ background-position:bottom right; /*(top/center/bottom left/center/right) or (x-% y-%) or (x-pos y-pos)*/ background-repeat: repeat-x; /*or repeat or repeat-y or no-repeat*/ background-attachment: fixed; /*or scroll */ } /*EOF custom bg div*/



