Internet Explorer z-index bug?

Question

How do you overlap an element over another element that is positioned relatively in Internet Explorer? Z-index doesn\'t work, it always appears behind the relatively positi

Answer 1

Create and then set an additional transparent background image on the element you want to have on top. For me it finally worked in IE8. SASS:

  #galerie-link {
    position: absolute;
    z-index: 1000;
    top: 25px;
    left: 40px;
    a {
      display: block;
      width: 185px;
      height: 90px;
      background-image: url(../images/transparent.png);
    }
  }