Hi i have css file for my anchor links defined below .this works fine for IE7 but when open the page in firefox the button
image goes longer. I googled as that firefox has background position bug but no matched solution.
How to a fix for this issue? thanks
The css file is below
| /* button settings */ a.RadForm_CustomSkins, a.RadForm_CustomSkins span { background-image: url('FormDecorator/ButtonSprites.gif'); background-repeat:no-repeat; cursor:hand; cursor:pointer; display:inline-block; } |
| a.RadForm_CustomSkins.rfdInputDisabled:hover { background-position: 0% 0%; } |
| a.RadForm_CustomSkins .rfdInner, a.RadForm_CustomSkins.rfdInputDisabled:hover .rfdInner { margin-right: 11px; margin-left: 11px; background-position: 0 -21px; color: #ffffff; font-size:11px; } |
| a.RadForm_CustomSkins.rfdInputDisabled:hover .rfdOuter { background-position: rightright 0%; } |
| a.RadForm_CustomSkins:hover { background-position: 0 -42px; } |
| a.RadForm_CustomSkins:hover .rfdInner { background-position: 0 -63px; color: #ffffff; } |
| a.RadForm_CustomSkins:hover .rfdOuter { background-position: rightright -42px; } /* end of button settings */ |
| /* clicked button styles */ a.RadForm_CustomSkins.rfdClicked { background-image: url('FormDecorator/ButtonSprites.gif'); background-position: 0 -84px; background-repeat: no-repeat; } |
| a.RadForm_CustomSkins.rfdClicked span { background-image: url('FormDecorator/ButtonSprites.gif'); } |
| a.RadForm_CustomSkins.rfdClicked .rfdInner { background-position: 0 -105px; background-repeat: repeat-x; color: #ffffff; } |
| a.RadForm_CustomSkins.rfdClicked .rfdOuter { background-position: rightright -84px; background-repeat: no-repeat; } /* end of clicked button styles */ |
| /* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */ a.rfdSkinnedButton.RadForm_CustomSkins { -moz-user-select: none !important; outline: none !important; text-decoration: none !important; cursor: default !important; text-align: center !important; background-color: transparent !important; border: 0 !important; display: inline-block !important; background-position: 0% 0%; } |
| |
and the rendered html as asp:button is
<a id="_rfdSkinnedctl00_signOut" class="rfdSkinnedButton RadForm_CustomSkins"
href="javascript:void(0)" style="width: 80px;"><span class="rfdOuter">
<span class="rfdInner">Çıkış</span></span></a><input id="ctl00_signOut"
class="rfdRealButton" type="submit" value="Çıkış" name="ctl00$signOut"
_rfddecoratedid="_rfdSkinnedctl00_signOut"/>
