CSS свойство «min-height» в IE6

Во время верстки очередного сайта снова столкнулся со старой проблемой. Internet Explorer v.6 (когда же им перестанут пользоваться?) не поддерживает CSS свойство «min-height». Начиная с IE 7 beta 2 включили поддержку браузером свойств min-height, min-width, max-height, max-width.

К счастью у этой проблемы есть (как и у проблемы с прозрачностью PNG) есть очень элегантное и простое решение:

CSS-код:

#element {
    min-height:400px;
    height:auto !important;           /* значение для других браузеров */
    height:400px;                        /* значение для IE6 и ниже */
}

 

Принцип действия такой:

Internet Explorer 5 и 6 игнорируют декларацию «!important», если одно и тоже свойство объявлено в правиле дважды. А другие браузеры нет. А поведение свойства «height» в IE 6 сходно со свойством «min-height».