Using css sprites in an image tag

Question

I have a sprite where there are all kings of logos in it. I want to get one specific so I'm using this css

.prog_logo { background-image:url('../../image/sprite_logo.png'); }
.prog_logo_prime { background-position:0px -81px; width:52px; height:51px; }

and in my aspx I create put an image

<asp:Image ID="imgLogo" CssClass="prog_logo prog_logo_prime" runat="server" />

Problems

enter image description here Perfect.

enter image description here White border.

enter image description here The sprite appears with a white border as well.

~~The image just doesn't appear at all.~~ Check comments

How can I fix this in all browsers?

adding `display:inline-block;` in the CSS I made it appears without any problem on FF. but this was my only progress so far. — Michel Ayres, Dec 27 '12 at 20:05
Also, changing to `float:left` will work for FF. The problem is still IE and the borders — Michel Ayres, Dec 27 '12 at 20:18

score 0 · Answer 1 · answered Dec 27 '12 at 18:19

0

How about adding border:none to the css?

.prog_logo { background-image:url('../../image/sprite_logo.png'); border:none; }

answered Dec 27 '12 at 18:19

Miguel Tavares