IE7 CSS background mayhem

September 26, 2007 1:29 AM

CSS Filter: When I load my site in IE7 - the background does not stretch to the bottom of the page until I refresh. WTF!

This is starting to drive me crazy. I have a simple holding page at http://www.grapebidder.com. When I load the page in IE7 the background does not strecth to the bottom until I do a refresh - and then it works.

Is this a bug or am I going crazy.

Thanks!

posted by xoe26 to Computers & Internet (7 answers total)

1) If you're doing web development you will hate IE, no matter what.

2) It appears to work fine on my end.
posted by cheerleaders_to_your_funeral at 1:56 AM on September 26, 2007

I get the problem described in IE7 (XP running within Parallels).
You could try applying the background colour to html as well as body, which is a good idea anyway.

(I've noticed a few weird intermittent rendering glitches in IE7 that don't seem to happen in IE6; things aren't really getting much better)
posted by malevolent at 3:11 AM on September 26, 2007

Response by poster: I've tried adding the background to the html - alas, still no success.

This is so completely random and annoying!
posted by xoe26 at 3:21 AM on September 26, 2007

It's a known bug. You can google 'IE peekaboo bug' for more info. There's a decent fix under #3 here that may work for you.
posted by FreezBoy at 5:37 AM on September 26, 2007 [1 favorite]

Best answer: For many IE display bugs, the solution is often to add position: relative to the element in question.

This may be related to the FOUC bug, the fix for which is to reference at least one CSS file with a link rel="stylesheet" element rather than an @import directive.
posted by breaks the guidelines? at 10:03 AM on September 26, 2007

Adding position:relative is one of the possible solutions; see On having layout — the concept of hasLayout in IE/Win for more info.
posted by kirkaracha at 11:12 AM on September 26, 2007

Response by poster: Thanks "breaks the guidelines?"

It was fixed by changing one of the CSS files to a link rel="stylesheet" instead of the @import.
posted by xoe26 at 11:59 AM on September 26, 2007