title: Unable to set background image for a span/div in IE(8/9/10)
body: <p>I tried using all the possible fixes, I could search. Including; checking of spaces, RGBa solution etc. But, nothing seems to work.</p>
  
  <p>Please tell if there is any problem with the following</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="viewReminders" title="View Reminder(s)"&gt;&amp;nbsp;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.viewReminders{
      background-image: url('viewReminders.jpeg');
      background-repeat: no-repeat;
      display: inline-block;
      float: right;
      width: 16px;
      opacity: 0.5;
      filter: alpha(opacity = 50);
      cursor: pointer;
  }
  </code></pre>