title: Hover effect not working proper in IE browser
body: <p>I am using css to give hover effect(Change background position) with sprite images, its work fine in fire fox but does work fine in IE browser, anything that I need to add in below code?</p>
  
  <pre><code>.social ul li { width:32px; height:32px; float:left; margin:10px 10px 0px 0px;
  padding:20px 0px;}
  .social ul li:last-child { margin:0px}
  .social ul li.twitter a{ background:url(../images/grey_bg_sprite.png) no-repeat 0px
  -192px; width:32px; height:32px;}
  .social ul li.twitter a:hover {background:url(../images/grey_bg_sprite.png) no-repeat 0px
  -226px; width:32px; height:32px; }
  </code></pre>