Background Image set for HTML IMG control using CSS not displaying in IE

Hi,

Below is the code:

<div>
 <img class="Showimage"/>
</div>

<style type="text/css">
    .Showimage
    {
     display:block;   
    float: right;
    background: url('http://cdn1.iconfinder.com/data/icons/fatcow/32/bullet_toggle_minus.png') center center no-repeat;
    
    }
</style>

If i run this on chrome/firefox it shows the image whereas it doesn't show the image on IE9. It's driving nuts to find out what causing the issue. any help please

Below is my output on IE browser