title: Black Div with Opacity showing as Gray
body: <p>I have a Div with a light background and a div inside that. I would like to give the background color of inner div a transparent black color(means i should be able to  see some of the light background of the parent Div). Would that be possible with CSS ?</p>
  
  <p>I tried this but its not working, The div appears Gray and not transparent.</p>
  
  <p><a href="http://jsfiddle.net/8L8DH/2/" rel="nofollow">JsFiddle</a></p>
  
  <pre><code>&lt;div style="width: 600px height: 600px;background:#fcfcfc;position:relative; "&gt;
  
      &lt;div style="position:absolute;top:200px:left:200px;height:200px;width:200px;background:rgba(0,0,0,0.6); "&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The opacity is working fine if i have a dark background. </p>
  
  <p>Thanks !</p>