title: Reflection of whole div
body: <p>I have a <code>div</code> and I want to add a reflection effect to it.</p>
  
  <p>I know there are lots of tutorials for adding reflection to an image (like <a href="http://www.xhtml-lab.com/css/create-reflection-effect-using-css3" rel="nofollow"><strong>this</strong></a> and <a href="http://designshack.net/articles/css/mastering-css-reflections-in-webkit/" rel="nofollow"><strong>this</strong></a>), but I didn't find anything about reflecting whole div.</p>
  
  <p>Is it possible with CSS3? And what about jQuery? How? </p>
  
  <p><strong>EDIT</strong><br>
  <a href="http://jsfiddle.net/dmGfK/" rel="nofollow"><strong>This</strong></a> is what I tried according to the first tutorial. Also, If I use this method, user will have to download the reflected content twice, which is not good...</p>