Hey Guys,

I've been experiencing a strange problem on IE8 with a combination of jqGrid and dialog in jQuery UI.

When loading a jQuery UI dialog on a selectRow event, the jqGrid table element moves up a few pixels (2 or 3 at most). Though the problem does not seem to appear on IE8 in general, it does appear on a page from the intranet.

Now here's what I managed to dig up:

Firstly, IE8 renders a page from the intranet in IE7 compatibility view by default, which is quite strange, but it's IE so no further questions asked.

Secondly, given the IE7 environment, jqGrid generates the elements differently and the parent div of the main table (the one right below #ui-jqgrid-bdiv) has a height:0.01% rule, added to the standard position:relative. Without that rule, everything seems to work fine, even on ie7.

So, my question is, what is the use of that height:0.01% rule. Couldn't jqGrid work the same without it?

Thank you very much,

Sabin Stefanescu