title: Make a div transparent like a blurred mirror
body: <p>I want to make a div background transparent so i used this css</p>
  
  <pre><code>-webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
  </code></pre>
  
  <p>also see this fiddle: <a href="http://jsfiddle.net/LUy3W/">http://jsfiddle.net/LUy3W/</a></p>
  
  <p>I want only the div to be blurred but all the content in that div is also being blurred. How to make only that background div blur and make its content visible like normal text?</p>
  
  <p>any thoughts? please help.</p>