Cross-Browser Images
<p>So I have decided to use images for the text in my navbar links so I can use the font I want and not worry about cross-browser rendering issues. But I have run into another cross-browser issue. Due to internet explorer's image resizing issues, I need to export the images from photoshop at the same height and width as they will be displayed. But now there is a white, pixelated border around my images in certain spots(see image). My shopping cart icon is also being affected. <a href="http://i.stack.imgur.com/PFShv.png" rel="nofollow">screenshot of my navbar</a></p>