CSS Sprite doesn't work in firefox
if you see the following link in chrome:
you will see in every rectangle, 4 small rectangles in the color blue, orange, green and red.
But in firefox you see none of them.
I have used CSS Sprite to create them and here is the code:
and the css:
<img src='' class='rectangular-key extra-info-key'/>
<img src='' class='rectangular-key galley-key'/>
<img src='' class='rectangular-key contact-key'/>
<img src='' class='rectangular-key map-key'/>
what is wrong here?
background-position: -304px -135px;
background-position: -304px -152px;
background-position: -304px -118px;
background-position: -304px -169px;
After all it is working well for me in IE and chrome, so what should I do in order to make it work for firefox?