Question

I applied a css for image button as follows

<style type="text/css">
    .selected
    {
        padding-left:50px;
        background: transparent url('Images/samplecopy.jpg') ;
        background-repeat: repeat;
    }
</style>

<asp:ImageButton ID="btnYes" CssClass="selected" runat="server" ImageUrl="~/Images/image.jpg" />

But i am not getting as per required. i would like to cover the whole image button with the background image that applied

I need to hover that black back ground exactly on the image can any one help me

Answer 1

Don’t use the padding, that’s what causing the problem.

Use the following code and see if it helps

<style type="text/css">
.selected
{
    padding:0px;
    background: transparent url('Images/samplecopy.jpg') ;
    background-repeat: repeat;
}
</style>

UPDATE

clear: both;
padding: 5px;
border: 1px;
background: transparent url('Images/samplecopy.jpg') ;
background-repeat: repeat;
color: #FFF;
font-weight: bold;
font-size: 12px;
border-radius:3px;

Try these properties in CSS and tell me if it helps.