Crazy CSS Issue in Firefox Only - position fixed and background color?

It is layout rendering bug in Firefox. This bug was already reported and as I know it is fixed in next release. Only solution I know is to use opacity:0.9999999 It would render correctly as opacity:1, but fix this annoying bug.

It is layout rendering bug in Firefox. This bug was already reported and as I know it is fixed in next release. Only solution I know is to use opacity:0.9999999.It would render correctly as opacity:1, but fix this annoying bug.

Try #header { opacity:0.9999999; } Bugzilla : Bug 677095 EDIT: Firefox 8 is not affected with this bug and setting opacity to 0.9999999 will result in weird border around the element, so I prefer not to use it anymore.

This works for the test page I put up thanks. Unfortunately it doesn't work for my actual site (which has a much more complicated layout but suffers the same issue). – Simon Sep 13 at 7:38 Scratch that it works for my page too, you need the exact number of zeros!

Thanks :) – Simon Sep 13 at 7:47.

Browsers add different defaults if you don't "reset" the CSS, that may be what is going on here.

CSS reset is used. – Simon Sep 5 at 16:43.

If the z-index value of your #header-content is not greater than 10, then the bug is fixed. If it's 11 or greater then I can see the mysterious gap too. Really weird.

Actually it seems it is related the the z-index of the second container. If you make the second container z-index less than the first the problem goes away. I don't know if this will help my actual webpage yet but it should still not occur.

– Simon Sep 7 at 10:09.

I cannot reproduce in FF 6.0.1; however, you can probably work around this with background-color: transparent; on the #header-content, or white if you don't want it being see through. This should still give the fix you mentioned while remaining a blank div as required. Update: Ok thanks for the screenshot, still cannot reproduce, this time with ff 6.0.2 - I had a look around after noticing I can reproduce a similar issue on different zoom levels.

Blog post explaining the zoom border bug, which includes this test page. I am not sure if this is involved, seems similar but not the same thing, zoom bug will take off a slice of the whole page including the border of #header-content. As for your comments around transparent, you can use it and still supply a background image, does this not work for you?

I stated this fixed it in my question. This is the problem though because on my real page this container needs a background image - and therefore it is broken. – Simon Sep 7 at 8:55 Disabled all addons still get the same issue.It is very sutble, I have added an image to the question showing it.

– Simon Sep 7 at 9:10 See update (included some things that might help) – Louis Sep 7 at 22:10 Thanks Louis. Transparent bg doesn't seem to work only fixed color. Also z-index influences it.

I raised it as a bug on Firefox and some discussion there seems to relate it to another bug which as far as I can understand may have some relation to actual gfx card drivers. Maybe that is why only some people can reproduce the problem. – Simon Sep 7 at 17:25 Hmm that is quite the out there bug.

I'll have to have a look at home on a few different PC's. - If you really wanted to try you could attempt it with a solid color and css filter it to be transparent (different from transparent color setting I'm hoping). Really grasping for something there though!

– Louis Sep 7 at 5:54.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.