CSS фиксированный div максимальная высота в IE?

Question

У меня есть фиксированная настройка div с использованием этого:

.box {
position: fixed;
width: 600px;
bottom: 20px;
left: 50%;
max-height: 400;
overflow:auto;
}

Проблема, с которой я столкнулся, заключается в том, что в Internet Explorer он игнорирует максимальную высоту, div просто увеличивается вверх и исчезает без полос прокрутки, даже если я установил overflow: scroll;.

Кстати, я использую хак для создания ячеек с фиксированной абсолютной позицией, чтобы они оставались на экране независимо от прокрутки, если это имеет значение:

* { margin: 0; }
* html .box { position: absolute; }

Answer 1

попробуйте это:

* html .box{ 
height: expression( this.scrollHeight > 399 ? "400px" : "auto" ); /* fix for ie 5+ */
}
.box {
max-height: 400px; 
position: fixed;
width: 600px;
bottom: 20px;
left: 50%;
overflow:auto;
}