title: jQuery UI date picker displays incorrectly (see-through)
body: <p>I'm having some difficulty with the jQuery date picker control. In my application, I'm using the most basic method to invoke the calendar:</p>
  
  <pre><code>$('#elmt').datepicker();
  </code></pre>
  
  <p>The target element is an input text box on a pop-up div. Whenever I click into the textbox, the calendar shows up as see-through: <a href="http://s17.postimage.org/4knyxgvjz/see_thru_calendar.png" rel="nofollow">http://s17.postimage.org/4knyxgvjz/see_thru_calendar.png</a></p>
  
  <p>I've tried some suggestions already on Stackoverflow to adjust the z-index of the ui-datepicker class:</p>
  
  <pre><code>.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important; }
  </code></pre>
  
  <p>But that hasn't made a difference either. My test environment is running Internet Explorer 7 (the calendar does render OK on the sample index.html provided by jQuery-UI).</p>
  
  <p>Has anyone seen an issue like this with the jQuery UI datepicker?</p>