min-height hack for safari

[yowza]

I thought I finally got my all-CSS site to look good in all newer browsers. However, I just tried Safari and I'm having a problem with the min-height value.

I used min-height: 333; for Opera and Netscape.

I then used the hack _height: 333; for IE.

However, what can I do for Safari that will not work with any of these. Not even height: 333;

The site gets too small and content overlaps when there is not enough text to push the footer down.

Thanks in advance.

[drbrain]

You need to specify some units for that height, min-height: 333cm; or px or whatever.

[SuzyUK]

Not that I know and the documentation was confusing until I found this:

Many standards charts have asserted that Safari supports min-width and max-width. How wrong you are. Safari only supports these properties on non-positioned non-replaced elements...

from here [weblogs.mozillazine.org]

I don't know if that's any help in your layout or not..

Suzy

[yowza]

Sorry drbrain. I left out the units in the example; I am using pixels.

Yet, the min-height isn't working in safari. Neither is the height.

Any other ideas?

Thanks SuzyUK. I'll look into it.