title: Bootstrap row-fluid in a iframe
body: <p>I have created a bootstrap modal window in which I have placed an iframe.</p>
  
  <p>Now when I try make use of the row-fluid bootstrap class all the rows sit on top of each other.</p>
  
  <p>This only occurs in firefox not in google chrome.</p>
  
  <p>Suggestions Please.</p>
  
  <pre><code>&lt;div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" &gt;
  &lt;div id="myModalBody" class="modal-body"&gt;
      &lt;button type='button' class='close' data-dismiss='modal' aria-hidden='true'&gt;&lt;/button&gt;
      &lt;h3 id='myModalLabel'&gt;Profile&lt;/h3&gt;
      &lt;iframe id='profile'  width='99.5%' height='94%' style='border-width: 0;' scrolling='no'&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  
  
  
   function setprofile(id)
  {
      profileid=id;
  
      $('#profile').attr('src','profile.php?profileid=" + profileid + "');
  
  }
  </code></pre>