title: Bootstrap modal not drawing in IE
body: <p>I am having an issue with bootstrap modal popups in IE.
  I have a modal popup that will render without any issue in chrome and firefox but not in IE.
  Actually, the modal seems to render but does not draw; if I click on the space where the modal should be, part of it will display.
  I followed this answer <a href="https://stackoverflow.com/questions/16329980/modal-not-opening-in-ie">Modal not opening in IE</a> and removed the 'fade' class but this did not resolve my issue.</p>
  
  <p>There are actually several modals on the page and it is the same issue with all.
  An example of one is below:
  On click of the order-details-button, an ajax call gets a partial view which is appended to the product-order-history-modal.</p>
  
  <pre><code>&lt;input id="order-details-button" type="submit" value="View Details"/&gt;
      &lt;div id="product-order-history-modal-container" class="modal fade" tabindex="-1" role="dialog"&gt;
          &lt;div class="modal-content opmodal-content" id="product-order-history-modal"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is the jquery that appends the data returned:</p>
  
  <pre><code>// populate div with partial view
  $("#product-order-history-modal").empty();
  $("#product-order-history-modal").append(data);
  
  // send confirmation popup    
  orderDetailsButton.attr('data-target', '#product-order-history-modal-container');
  orderDetailsButton.attr('data-toggle', 'modal');
  
  // prevent background being clicked when modal is visible
  $('#product-order-history-modal-container').modal({ backdrop: 'static', keyboard: false });
  </code></pre>
  
  <p>Has anyone come across something similar?
  Any help or advice is much appreciated.</p>
  
  <p>Thanks</p>