'max-height' and horizontal scrollbars causing IE8 to go into Compatibility Mode (ASP.NET)

Question

I'm using ASP.NET to have a panel that can expand downwards to a certain point, at which point the user can scroll within the panel, both vertically and horizontally (horizontally because one GridView has a lot of columns which would be impossible to display without horizontal scrollbars in the panel/div)

Problem is, if I set the panel (asp:Panel control) that holds the GridView to have Scrollbars="Both", and have a max-height set on the panel, IE8 refreshes into compatibility mode. If I remove the max height, or have only vertical scrollbars, it works fine. Any workarounds for this?

Thanks

Answer 1

Use an X-UA-compatible meta-tag to tell IE8 to render your page in standards mode:

<meta http-equiv="X-UA-Compatible" content="IE=8" >