IE CSS Bug - How do I maintain a position:absolute when dynamic javascript content on the page changes

Answer 1

Another workaround which worked for me and had no flickering effect was to add and remove a dummy CSS class name, like this using jQuery:

$(element).toggleClass('damn-you-ie')

Answer 2

If you are worried about getting a flicker from showing and hiding divCol you can ajust another css property and it will have the same effect e.g.

var divCol = document.getElementById('column');
divCol.style.zoom = '1';
divCol.style.zoom = '';

Answer 3

Its a bug in the rendering engine. I run into it all the time. One potential way to solve it is to hide and show the div whenever you change the content (that in turn changes the height):

var divCol = document.getElementById('column');
divCol.style.display = 'none';
divCol.style.display = 'block';

Hopefully this happens fast enough that it isn't noticeable :)