I searched all day yesterday for this answer but didn't find the solution, which is why I'm posting it as a new thread. for a div, I have bacground-image:url(); set, and it shows up in IE but not in FF. I noticed that if I have a set height (ie 500px), the background will show, but if I have height:100% or, no height specified, it doesn't show up. Unfortunatley the height of the div is dynamic, anyone know how to get firefox to set the background image?

Check out the post here: http://www.webmaster-talk.com/css-fo...l-browser.html

If you do not have a height set on a div, and you have nothing in the div, it will not show up because the div is "empty".

You can set a min-height for that div, but min-heights don't work in IE6, so you would have to make a separate stylesheet for IE6.

**EDIT**
I just noticed something else after looking at your code.
First of all, you have your background on "photos_search_container" set to NOT repeat.
Also,
You need to clear your floats before the end of "album_container"

If you do those 2 things, you shouldn't have to worry about 100% height or min-heights or separate stylesheets!

I set a min-height, but that's the only height it's set at. Even though there's more div's inside the container div( that has the min-height) it stays at 100px, instead of expanding. Any idea why that would be?

I didn't look at your code very closely before I first replied. See my edit to my original post, and it should help you out.