title: Css overlay element not invisible
body: <p>See:
  <a href="http://schhh.dk/frivilligraadet/" rel="noreferrer">http://schhh.dk/frivilligraadet/</a></p>
  
  <p>The box with videos at the bottom are, in ie8, displayed as:
  <img src="https://i.stack.imgur.com/ZeItF.png" alt="Videos"></p>
  
  <p>I actually tried to make a jsfiddle, but here there is no problem:
  <a href="http://jsfiddle.net/q5T8Y/7/" rel="noreferrer">http://jsfiddle.net/q5T8Y/7/</a></p>
  
  <pre><code>.view-youtube-videoer .views-field-field-video .ytb-play {
    position: absolute;
    display: block;
    width: 230px;
    height: 128px;
    background: transparent url('http://schhh.dk/frivilligraadet/sites/all/themes/frivilligraadet/images/play.png') no-repeat 50% 50%;
    opacity: 0.7;
    filter:alpha(opacity=70);
  }
  </code></pre>