html - Internet Explorer 9 displaying CSS sprite image, but with strange content -
i've got image sprite i'm using, ie9 isn't displaying properly.
it works fine in firefox, displays grey border , symbol on top image (as shown). doesn't quite work in chrome - displays image, has grey border it.
here's css code grabs it:
#see_more_vendors { background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px; display:block;} this html:
<td><a href="#"><img id="see_more_vendors" alt=""/></a> (i've removed leading address of image, isn't problem.)
initially, thought border, since in chrome showing grey border. then, saw in internet explorer, , haven't seen case online.
this image looks like, when should have no border , no icon in top left corner.
if use more 1 times make class in css:
.see_more_vendors { background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px;display:block;} and tag should this:
<a class="see_more_vendors" href="#"> </a> because can see on posted image (imageshack) see background no image. because img tag src empty. use if know better way tell me. thanks.
Comments
Post a Comment