I’m developing a website (using asp.net by the way) and I’m having a problem with IE6.
When I use some icons near links, using background-image and padding-left on the links, the icons display nice on FF and Chrome but in IE6 they take a kind of ‘gray’ background, and sometimes the flash strangely.
Any ideas? is there some CSS hack to solve this? Thanks everyone!
Are they .png files? IE6 has issues with alpha transparency in .pngs. There is a javascript fix though.
Edit, to clarify – If IE6 sees a .png with alpha transparency (which is different than the transparency in .gifs) it freaks out and renders that part the light gray I believe you are seeing. The javascript fix applies a filter to all the .pngs in the page. However, this does not work on .pngs that have been set as backgrounds via css.