title: Background image is not position well in IE 8
body: <pre><code>nav li a.home                   { background:url('../img/custom_icons/home.png') no-repeat center; background-size: 30px 30px; background-position: 0px -1px;}
  
  nav li a.contact                { background:url('../img/custom_icons/email.png') no-repeat center; background-size: 32px 35px; background-position: 0px -1px; }
  
  nav li a.show_all               { background:url('../img/custom_icons/slide.png') no-repeat center; background-size: 35px 50px; background-position: -5px -10px; }
  
  #facebook {
      background: url(../img/custom_icons/facebook.png) no-repeat;
      background-size:30px 30px;
  }
  
  #sina {
      background: url(../img/custom_icons/sina.png) no-repeat;
      background-size:30px 30px;
  }
  </code></pre>
  
  <p>I found that those background image in chrome / fx or other browser is perfectlly positioned, but not in IE 8 , it is either too small/ big or just move to other place.How to fix the problem and work just the same as other browser ? thanks</p>
  
  <p><strong>Updated : After adding ms filter, still not working?</strong></p>
  
  <pre><code>nav li a.home                   { background:url('../img/custom_icons/home.png') no-repeat center; background-size: 30px 30px; background-position: 0px -1px;}
  
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
  src='../img/custom_icons/home.png',
  sizingMethod='scale');
  
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
  src='../img/custom_icons/home.png',
  sizingMethod='scale')";
  </code></pre>
  
  <p>Here is the css file after adding the suggested filter. However, it still not working? Is it correct to place the code like this? it seems quite weird since there is an ; at the end and a " after ='scale') . Thanks</p>