Highlighting of selected rows not displaying properly in IE8 compatibility view

[Jonah]

When using a RadGrid with ClientSettings.Selecting.AllowRowSelect set to true, the highlighting of the selected row does not display properly in IE8 compatibility view (see attached screen shot). (It displays fine with compatibility view turned off, but, unfortunately, the application I'm developing needs to work in IE8 with compatibility view turned on.) Anyone know  how I can either fix this or turn off the highlighting behavior all together? (I'm using a GridClientSelectColumn, which shows a check box for each row, so the highlighting of selected rows is not essential.)

Software details:
Telerik RadControls 2011.2.712.40
Windows XP Pro
Visual Studio 2010 / .NET 4.0.3019
IE 8.0.6001.18702

[Princy]

Hello Jonah,

Check the following forum thread which discusses a similar scenario.Hope this helps.
Row looks corrupted when row selected in IE 8.

Thanks,
Princy.

[Jonah]

I forgot to mention in my initial post that I'm using the Office2010Silver skin. After some poking around in the generated CSS with Firebug, I figured out that the background of the selected row is set by a combination of setting the background image on the row, and also setting a background image for each cell. The problem is that IE8 in compatibility mode seems to be ignoring the background image for the row.

I can work around this by setting the background color for each cell:
  

.RadGrid .rgSelectedRow td
{
    background-color: #F8D05C !important;
}

The only problem with this, is it makes the top part of the select row's background solid orange, instead of having a nice gradient. Has anyone else encountered this issue and found a better solution?

[Pavlina]

Hi Jonah,

Please examine the code library below and let me know if it helps to resolve the described problem:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/how-to-preserve-the-original-radgrid-selected-hover-row-background-when-using-itemstyle-backcolor.aspx

All the best,
Pavlina
the Telerik team

[Mark]

> The only problem with this, is it makes the top part of the select row's background solid orange, instead of having a nice gradient. Has anyone else encountered this issue and found a better solution?

How about using transparent as the style color:

.RadGrid .rgSelectedRow td
{
     background-color: transparent !important;
}