title: pop up not showing in IE 6
body: <p>hi i am using jquery to show a pop up , it works on every browser except IE 6 . can 't figure out what is the reason . this is my code , please help .............</p>
  
  <pre><code>function showCalendar(){ 
      $('body').prepend('&lt;div id="overlay"&gt;&lt;/div&gt;');
      if($.browser.msie &amp;&amp; $.browser.version=="6.0"){
          $('#overlay').append('&lt;iframe&gt;&lt;/iframe&gt;');
      }
      $('#overlay').height($(document).height());
      $('body').append('&lt;div id="popupwrapper"&gt;&lt;div id="calendar"&gt;&lt;/div&gt;&lt;/div&gt;');
  
      if (calculated.calendar) {
          $('#calendar').emeCalendar(calculated.calendar);
      }
  
      $('#calendar div.header div.clearboth').before('&lt;span class="close"&gt;Close&lt;/span&gt;');
  
      $('#calendar div.header span.close').click(function(){
          $('#overlay').remove();
          $('#popupwrapper').remove();
      });
  
  }
  </code></pre>
  
  <p>Update </p>
  
  <p>this is my css </p>
  
  <pre><code>#overlay {
      position : absolute;
      z-index : 5000;
      left : 0px;
      top : 0px;
      width : 100%;
      background-color : #000;
      opacity : 0.5;
  }
  
  
  #popupwrapper {
      position : fixed;
      z-index : 6000;
      left : 50%;
      width : 800px;
      margin-left : -400px;
      top : 20%;
      background-color : #f2efe6;
      border : 3px solid #FFF;
  }
  
  
      #popupwrapper span.close{
          float : right;
          cursor : pointer;
      }
  
  
      #calendar {
          width : 100%;
      }
          #calendar table {
              width : 100%;
              border-spacing : 10px;
              font-size : 10px;
          }
  
          #calendar table td {
              background-color : #fff;
              padding : 3px 3px 10px 3px; 
          }
              #calendar table td.empty {
                  background-color : transparent;
              }
  
          #calendar div.date {
              background-color : #5a4530;
              color : #FFF;
              text-align : right;
              font-weight : bold;
              padding : 2px;
          }
          #calendar div.offer {
              color : #5b4530;
              border-bottom : 1px solid #5b4530;
              padding-top : 8px;
          }
          #calendar div.room {
              clear : left;
              float : left;
              padding-top : 2px;
          }
          #calendar div.cost {
              clear : right;
              float : right;
              padding-top : 2px;
          }
          #calendar div span {
              padding : 2px;
          }
  </code></pre>