I have a sprite that contains various logos. I am trying to extract a specific logo using the following css
.prog_logo { background-image:url('../../image/sprite_logo.png'); }
.prog_logo_prime { background-position:0px -81px; width:52px; height:51px; }
In my aspx file, I insert an image like this
<asp:Image ID="imgLogo" CssClass="prog_logo prog_logo_prime" runat="server" />
Challenges
- Issue with Opera browser
It works perfectly.
- Problem in Chrome
A white border is visible.
- Trouble with IE 9
The sprite appears with an unwanted white border.
- Error in FF
The image doesn't show up at all. Please see comments for more details
How can I resolve these issues across all browsers?