title: why is this modal's transparent background inherited by child element only in ie8?
body: <p>I am trying to make my site work on ie8, what i originally had was <code>background-color:rgba(4, 4, 4, 0.8);</code> - this works as expected on other browsers, unfortunately ie8 does not work with this so i am using the css below instead. - does anyone know how to avoid the child element from inheriting the opacity from the parent?</p>
  
  <p>many thanks in advance.</p>
  
  <p>I made a fiddle but it seems to be crashing when i open it in ie8 <a href="http://jsfiddle.net/up3uusxf/2/" rel="nofollow">http://jsfiddle.net/up3uusxf/2/</a></p>
  
  <pre><code> &lt;div id="overlay-modal"&gt;
        &lt;div class="inner-modal"&gt;
          &lt;p&gt;Content in here&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt; 
  
  #overlay-modal
              {
                  display:none;
                  position:absolute;
                  top:0;
                  left:0;
                  width:100%;
                  height:100%;
                  background-color:black;
                  filter: alpha(opacity=80);
                          opacity: 0.8; 
                  z-index:999;
              }
              .inner-modal
              {
                  width: 400px;
                  /*height: 270px;*/
                  margin: 200px auto;
                  background-color: white;
              }
  </code></pre>