height и overflow через expression

[Колос]

Есть div

Нужно : В зависиимости от содержащихся в нем данных растягивался по высоте от 0 до 500px, если данных больше чем 500px, то появлялась прокрутка.

В общем для эксплорера это делалось так:

#catalogDiv
{
  overflow:auto;
  height:expression(this.offsetHeight > 500 ? '500px' : this.offsetHeight);
}

Но: Допустим внутренние данные были высотой 40px. Все хорошо - div занимает 40пикселов, прокрутки нет. И тут внутри div какой-то элемент превратился из display:none в display:block. И высота содержимого стала 45px. И естественно появилась прокрутка, которая мне не нужна.

Попробовал сделать так:

#catalogDiv
{
  overflow:expression(this.offsetHeight > 500 ? 'auto' : 'visible');
  height:expression(this.offsetHeight > 500 ? '500px' : this.offsetHeight);
}

При увелечении размера содержимого с h<500px до h>500px ИЕ просто зависает и все.

Вопрос, как всегда, что делать?

[Колос]

#catalogDiv
{
  overflow:auto;
  height:expression(this.offsetHeight > 500 ? '500px' : 'auto');
}

На таком деле тоже почему-то виснет

[Колос]

Код:
#catalogDiv
{
 overflow:auto;
 height:expression(this.scrollHeight > 500 ? '500px' : 'auto');
}

Заработало.

Какое-то гадание на кофейной гуще получается.....

[Vlad]

А с IE часто так.