Problems styling dGrid in IE

[TracySchloss]

I have a dGrid/OnDemandGrid that has a lot of columns.  I'm having problems getting it to style correctly in IE 8, which is still our default browser.  I have contents and scrollbars, but the contents extend a little over the bottom (left to right) scrollbar and cover up the side (top to bottom) scrollbar so that I can barely touch the bottom scrollbar and the side scroll is completely covered up.  [ATTACH=CONFIG]29496[/ATTACH]

These grids are in titlePanes, stacked inside a floatingPane.  It displays just fine in Firefox and Chrome, but those are not our default. 

Here is how I have the styles defined.

.dgrid {     position: relative;     overflow: auto;     /* This is needed by IE to prevent crazy scrollbar flashing */     border: 1px solid #ddd;     height: 30em;     display: block;         color:black; }  .dgrid-grid {     height: auto;     width: auto;  } .dgrid-header {     font-weight: normal;     font-size:11px;     height: auto; }  .dgrid-content {     position: relative;     margin-top: 18px;     /*     height: 80%; */ }  .dgrid .dgrid-cell {     width: 50px; } .dgrid .dgrid-scroller {     max-height: 200px;     overflow: true;     position: relative; } .dgrid .field-OBJECTID, .field-Shape.len {     width: 0px; }

[TracySchloss · Accepted solution]

I figured it out!  I had been attempting to dynamically size the columns as they were created using addCssRule.  IE didn't like this at all!  Once I removed the related lines, it worked just fine.  Of course now my column widths are all too small and I can't get the columnresizer to work properly.  I guess that's another thread!