Can anyone think of a reason why the CSS background property would work in IE but not Firefox?

Question

I have it of several different pages in several contexts. Here are two examples:

body { background:#ffffff url( "images/softwhite.gif" ) ; }

and also

body { background:#cccccc; }

Neither the color or the image shows up in Firefox, but it displays fine in IE. Anyone know of a situation in CSS and HTML programming that could cause this and, more importantly, how to correct it?

* Thanks Don, but all settings are default for Firefox, and Netscape, when set to "render like Firefox," does the same thing. Opera does show the background color or image.

* Ty, Colnic, but no. I tried your suggestions. Also, as much as we all like it, lets refrain from the MS bashing. I'm using w3c standard XHTML and CSS. IE and Opera appear to render correctly, while Firefox is messing up.

Michael- only one background code for the body, everything is done properly. Anyone else?

I found my issue- I accidently put an html comment in the first line of the style sheet instead of just before the style tag. This messed up the first line of my code, when was my body color or image statement. I'd startedc with the same base file, so I had the same mistake in all my pages. Thanks.

Answer 1

Do you have any nested floating DIV elements anywhere on your page?

If so, read this:

http://www.complexspiral.com/publications/containing-floats/

Answer 2

Do you have two different conflicting body css? One saying to be #ffffff and the other to be #ccc? if so that may be the problem.

Also make sure everything around the background attribute is closed off, eg has a semi colon to end it, the has is before the color code and you have the correct number of letter

Answer 3

Looks fine in my browser "Firefox 2.0" Ah I had to scroll down to see it. Why don't you use a div tag and put the background image in that and place it a the bottom of the page using fixed positioning.

Answer 4

Try refreshing the page, if this does not work try clearing all the history from Firefox. If not then it may be you are using settings that only apply to Microsoft browsers, which are quite non-standard.

Answer 5

This is normally caused by the settings you have chosen when you set up Firefox, You will have to open the preferences tab on Firefox to make changes.
Don