When coding CSS layouts, min-height is often useful to have around. Unfortunately, it’s not widely supported among browsers (other than Mozilla, natch). (For those not familiar with it, min-height defines a minimum height on an element.) And, generally speaking you can simply make use of min-height (for real browsers) along with height for IE — which essentially treats height like min-height, as it happily busts out of its container if there’s more content than the allotted height.
The tricky part? Safari. If you need to support it, you’ll find that it supports neither min-height nor IE’s pretend min-height. (more…)