I have never been a huge user of the min-height class in CSS, until a recent project where it needed to be used considerably. In the past it has always been possible to get around the problem by either settling for using a fixed width or compromising design aspects, because there was no other way that I had discovered to get it working cross browser.
There was no option in this particular project to compromise design or add a fix width as it just wouldn't work. So while in the beginning it was frustrating that I couldn't use one of my previous options, it has turned out to be extremely beneficial, as after a lot of googling and testing different methods I came across one which seemed to work in most browsers. The most amazing part about this was how simple it was to use. Many thanks goes to Dustin Diaz who discovered this simple solution.
To get min-height working all that is needed in your css class is the following:
min-height:500px;
height:auto !important;
height:500px;
And that is it! This method is explained more indepth here
About Erin
