Internet Explorer Click loses background

[aaron]

Hi,
i have style out buttons using the below css classes.  They seem to work well across all browsers in standards mode; except for when click on in internet explorer 9 (unsure if its all IE or just 9).  The hover all works find and dandy no problems but as soon as the button is clicked the background disappears?

a.Button.RadButton,
a.rbSkinnedButton.Button:hover, /*  0 3 1   */
a.RadButton_Outlook.rbSkinnedButton, /*  0 2 1    */
a.RadButton_Outlook.rbVerticalButton, /*   0 2 1   */
a.RadButton_Outlook .rbSplitRight, /*  0 2 1     */
a.RadButton_Outlook .rbSplitLeft /*   0 2 1   */
{
    background-image: url('/Common/Images/buttonSprite.png');
    background-position: 100% -25px;
    height: 21px;
    display: inline-block;
    padding-right: 4px;
}
.rbSkinnedButton:hover .rbDecorated, /* 0 3 0 */
.RadButton_Outlook.rbVerticalButton .rbDecorated, /* 0 3 0 */
.RadButton_Outlook.rbSkinnedButton, /*  0 2 0    */
.RadButton_Outlook .rbDecorated, /*  0 2 0    */
.RadButton_Outlook.rbVerticalButton, /*  0 2 0    */
.RadButton_Outlook .rbSplitRight, /* 0 2 0     */
.RadButton_Outlook .rbSplitLeft /*  0 2 0    */
 {
        background-image: url('/Common/Images/buttonSprite.png');
        background-position: 0% 0%;
        padding-right: 2px;
        height: 21px;
        margin-right: 0px;
        box-sizing: border-box;
        color: white;
}

Please help,
Thanks,
Michael

[Slav]

Hi Aaron,

Most probably the issue is caused by the new images and their position that you have specified with the custom CSS styles. Please check the help article Tutorial: Creating a Custom Skin and configure the new appearance according to the listed steps.

If you are still having difficulties, I would suggest opening a support ticket and sending a simple, runnable page that includes your custom styles so that I can examine them and determine the exact cause of the problem.

Greetings,
Slav
the Telerik team