title: IE7 puts absolutely positioned div underneath, ignores z-index
body: <p>Have tried to fix this on my own and so far failed.</p>
  
  <p>The yellow auto-completion divs that show up as you start typing in the subject or location field appears <em>below</em> the other text in IE7.  This is the website:</p>
  
  <p><a href="http://www.universitytutor.com" rel="nofollow noreferrer">http://www.universitytutor.com</a></p>
  
  <p>Setting a higher Z-index didn't fix it.  Works in all other browsers (IE8, FF, Chrome, Safari) but not IE7.  Any ideas?</p>
  
  <p><a href="http://dl.dropbox.com/u/324237/autocomplete.png" rel="nofollow noreferrer">Example http://dl.dropbox.com/u/324237/autocomplete.png</a></p>