How do you get DIV height to adjust to content in Firefox?

[celebritymusic]

Hi

I have a DIV with dynamic content in it. I have the hieght attribute set to auto.

It changes size in IE6 fine, but in Firefox it always has a height of zero. It appears as a thick horizontal line (because it has a 1px border), and stranger still, it's content appears beneath it.

Is there a simple thing to add that I am missing here?

It can be seen at www.bigbadroo.com.au/litecommerce - not meant to be live yet.

cheers

Shaun

[TheMadNerd]

#container
{
min-height:566px; /*ff*/
height: auto !important; /*ie7 */
height: 566px; /*ie6 */
}


for fire fox you need to set a min-hight form here it will auto size
the min-hight also works for ie7 so the height auto !important; will force it to size auto
then i just set a hight for the div in ie6 or just put auto it will resize either way


also if you are using dreamweaver you will not see it take effect in its design view, you will have to preview it in all 3 browsers.


themadnerd