title: Issues with z-index and links
body: <p>Link to site in question: <a href="http://www.christopherwarrington.com/testing_ground" rel="nofollow">http://www.christopherwarrington.com/testing_ground</a></p>
  
  <p>I have a start screen that is set to z-index 100 to make sure it is above all other DIVs. When you click the Enter button, the Start screen slides away. </p>
  
  <p>The Main DIV is set to a z-index of 50. </p>
  
  <p>The problem is that when the Start screen slides away, you can read everything within the Main DIV, but can not necessarily click the links. You can see this in effect at the end of the 3rd paragraph. If you scroll the mouse over the link, the left side will not allow you to click it, but the right side does. </p>
  
  <p>Now, if I change the z-index of the Main DIV to be higher than that of the Start Screen, all links are accessible, but the Start screen slides up and down behind the Main DIV, which is not useful. </p>
  
  <p>I am at a loss. I do not know why when the Start screen slides out of view, why it prevents the links from working. I am sure I am missing something obvious and I appreciate any advise from an extra pair of eyes. Thank you. </p>