title: Transparent DIV Overlay
body: <p>OK, here's what I'm trying to do :</p>
  
  <ul>
  <li>I have a page structure, with several <code>div</code>s, nested <code>div</code>s, etc</li>
  <li>I want to handle 2 different types of events : click <em>and</em> hover.</li>
  <li>For those 2 events, I want a transparent <code>DIV</code> overlay (with some colour tint?) above the aforementioned <code>div</code> covering all of it.</li>
  </ul>
  
  <p>How can this be done?</p>
  
  <p>Any ideas?</p>
  
  <hr>
  
  <p><strong>Here's a fiddle :</strong> <a href="http://jsfiddle.net/cFw7d/2/" rel="nofollow">http://jsfiddle.net/cFw7d/2/</a> <del>(though I somehow can't make it show properly - it's a jQuery Mobile page actually...)</del></p>