title: IE7 does not respect z-index
body: <p>Running in compatibility mode the calendar below renders behind the textboxes below. IE8 displays the calendar how I need it to. </p>
  
  <p>My CSS</p>
  
  <pre><code>.MyCalendar .ajax__calendar_container 
  {
  border:1px solid #7F9DB9; 
  background-color: #ffffff; 
  z-index : 1004 ;   
  width:190px;
  }
  </code></pre>
  
  <p>the textboxes which are overlaying the calendar don't have their z-index set anywhere although I have tried in my server side code to set their z-index to -1 if I detect IE7 to no avail. Any suggestions?
  <img src="https://i.stack.imgur.com/hHDzv.gif" alt="alt text"></p>