title: Does a modal overlay require absolute positioning?
body: <p>Here's a JS fiddle of what I am talking about:</p>
  
  <p><a href="http://jsfiddle.net/r77K8/98/" rel="nofollow">http://jsfiddle.net/r77K8/98/</a></p>
  
  <p>My overlay gives the appearance of having disabled the link, but the link still remains clickable. I looked through some examples of modal dialog windows in hopes of finding a solution. As far as I can tell I need to use absolute positioning.</p>
  
  <p>I am hesitant to do so because in reality my content is dynamically populated. It seems like a lot of added work to try and keep the overlay the correct dimensions -- I really like how it looks right now, I just would like to make the controls unclickable while the overlay is the parent. Is this possible?</p>