|
ok strange error. im not really sure how to fix this.
it is only happening in IE6, ive tested IE7, safari, opera, firefox and isnt happening in any of those browsers.
here is are 3 screenshots i took in ie6 to help explain what i mean
saving-health.com/error.jpg
saving-health.com/error1.jpg
saving-health.com/error2.jpg
sometimes IE6 repeats the background like that on a fresh reload, sometimes it doesnt. the code isnt set to repeat that background.
for some reason, as soon as you scroll up or down, everything gets massively distorted and blurs like crazy- but only the text and images that are under my (fixed position non scrolling) background. at first i thought the issue had something to do with the backgrounds of both frames repeating horizontally, but to work around that i made two massive width png's and set them to not repeat. it still didnt work around the issue
i found somewhere that you could add the following to the top of your css/style declaration to workaround this bug :
* {
position:relative
}
although sometimes that does work on my site, other times it completely crashes IE6 (not to mention it messing up some of the spacings for the popup menus im using)
(i think that this is being caused by the fact that my site is using frames, and that at the top frame there is a css image replacement/rollover being used on the menus. but as far as to how to resolve it i am clueless.)
if i remove the background from the bottom (main) frame, the problem goes away. ideas?
|