title: Twitter Bootstrap modal is not working in IE7
body: <pre><code>&lt;div class="modal hide" id="modalId"&gt;
    &lt;div class="modal-header" style="padding:30px 10px"&gt;
      &lt;h3 style="float:left"&gt;Some text here&lt;/h3&gt;
      &lt;input type="image" src="image_path" alt="loading..." class="pull-right" /&gt;
    &lt;/div&gt;
    &lt;div class="modal-body" style="clear:both"&gt;
      &lt;!-- I have a table here--&gt;   
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
       &lt;!-- I have a button here --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>code for the modal which will be called on button click</p>
  
  <pre><code>$('#modalId').modal({
      backdrop: 'static',
      keyboard: false,
      show: true
  });
  </code></pre>
  
  <p>Here The problem I am facing is, in fornt of modal pop up a black window is coming.</p>
  
  <p>This works perfectly in firefox, IE 8 but not in IE7.</p>
  
  <p>I tried a lot but could not find the problem here. :(
  Can some one please have a look into it. thubjsdaps14</p>