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.

http://imageshack.us/photo/my-images/713/examplec.jpg/

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="#">&nbsp;</a> 

because can see on posted image (imageshack) see background no image. because img tag src empty. use &nbsp; if know better way tell me. thanks.


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -