[Solved] RadTab won't take background image in IE7

[Tim]

Running in SharePoint 2010.

<telerik:RadTabStrip ID="RadTabStrip2" runat="server" OnClientTabSelected="ClientTabSelectedHandler"
                SelectedIndex="1">
                <Tabs>
                    <telerik:RadTab runat="server" Text="Map" PageViewID="radPageMapView" PostBack="false" Selected="True">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="List" PageViewID="radPageListView" PostBack="false">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>

.RadTabStripTop_Default .rtsLink
    {
        background: url(/SiteAssets/images/Navigation/Sub1/sub1_back_off.png) top right !important;
    }
    .RadTabStripTop_Default .rtsSelected
    {
        background: url(/SiteAssets/images/Navigation/Sub1/sub1_back_on.png) top right !important;
    }

Works great in IE8 and Chrome. Neither background image display in IE7.

[Yana]

Hi Tim,

Can you send us a live url where we can observe this issue? Thanks in advance

Kind regards,
Yana
the Telerik team

[Tim]

I actually got this to work yesterday. Seems like a work-around...

I added a CssClass to the RadTab. In that CSS, I set a background-color the same as the color that was sitting behind the tabs, and, my images for the tabs opted to show up. This doesn't make any sense to me as to why it worked, but it does.

You can see an example of the page here: http://mycogen.com/Grain_Corn/SitePages/Individual%20Plots.aspx. Note the class 'rtsBg
' applied to the <a>. Without it, in IE7, the background images don't show.

[Yana]

Hi Tim,

Thank you for providing the url.

It seems that your styles are overwritten by the following css in Individual Plots.aspx:

.rtsLink, .rtsOut {
  background:none repeat scroll 0 0 transparent !important;
  color:White;
  font-family:Helvetica,Arial,Sans-Serif;
  font-size:13px;
  font-weight:700;
}

Please remove background setting and let us know how it goes.

Kind regards,
Yana
the Telerik team