title: Make overlay background click-through-able
body: <p>Is there a way, in CSS, I can make an element click-through-able. I have an <code>absolute</code>ly positioned <code>&lt;div&gt;</code> covering a link. I'd like to be able to click the link <em>through</em> the overlay <code>&lt;div&gt;</code>. The overlay has a mostly transparent background, and the link has no covering pixels.</p>
  
  <p>I've tried <code>background: url('...') transparent</code>, but to no avail.</p>
  
  <p><a href="http://jsfiddle.net/jpCfz/6/" rel="noreferrer">Here</a> is a JSFiddle demonstrating my problem. The link can be clicked in IE8, but not in FireFox. What I want to do is make an image ticker in the <code>#underlay</code> div. The overlay is so that I can have a background with a gradient from solid to transparent on the bottom and top, so I can make the images sort of 'scroll into nothing', without fading the <em>entire</em> image out at once, if this makes sense (if anyone has an android phone, try scrolling your memos and watch the top/bottom of the screen - the memos fade into nothing).</p>