Cross Browser CSS Min-Height

As you know, Internet Explorer 6 does not follow CSS’ "min-height" property. Luckily, we can fix this problem using the following CSS code snippet:

#container { min-height:500px; } * html #container { height:500px; }

Internet Explorer 6 is the only browser that recongizes the “* html _____” selector and thus is the only browser to read the hard-set height. Since IE6 also stretches down despite the hard-set height property, you can view IE6’s idea of “height” as a min-height. The only drawback to using this code is that it’s not valid CSS. Functionality first though, right?