We all know the problem: You need to set a minimum height on an object but IE6 ignores it and ruins your layout. Well worry no more, there is a simple fix:
selector {
min-height:500px;
height:auto !important;
height:500px;
}
This takes advantage of two IE6 bugs:
- IE6 ignores the !important and sets the height using the last line.
- IE6 treats height like it should treat min-height and lets child objects cause the parent to expand.
I found this helpful solution here.