Hello. I'm fairly to new to CSS and have been searching for hours for a fix to this problem. The test page is here: http://phatmommy.com/designs/ and the stylesheet is here: http://phatmommy.com/designs/wp-cont...ffee/style.css

The problem is with the #main div where I have
background-image:url(images/slices02.gif);

This background shows up fine in IE, but does not appear in FF. Can't even get a background
color to show up. If I add overflow:hidden to the #main element, the background shows, but the
top portion of the sidebars then disappear since I am pulling them up with a negative margin.

Can anyone see a solution? Thanks so much in advance!

You need quotes around the url within the parentheses. But I just tested that and it still works in the most current version of IE and Firefox even though it's incorrect. So hopefully someone will look at your code for you soon if you still haven't figured it out. I don't have time to right now, sorry.

You need quotes around the url within the parentheses.

No, you don't, in fact, it's not recommended.

The reason why you're not seeing anything 'in' #main is because it's not CONTAINING anything. You have floated elements inside #main - but you have not CLEARED those floats - so #main is 'collapsed'.

Here's info on clearing floats:
http://css-discuss.incutio.com/?page=ClearingSpace

Once you clear the float, #main will 'contain' everything inside it and you'll see your background.

Thanks so much Web Goddess!

Hmmm.. I never knew you shouldn't use quotation marks around the url within the parentheses. Thanks for the info. I looked it up and the quotation marks cause a problem in IE Mac. Thanks again.