title: Bootstrap fluid grid overlap issues
body: <p>I have been playing with fluid grids for a while now using Twitter Bootstrap, but even in the latest version I am finding it impossible to create a fluid grid without getting overlapping elements. The correct bootstrap css file is included and all the mark up is correct, so I can only assume that this is to do with input fields, but I would have thought the creators of Bootstrap would take this into account?</p>
  
  <p>You can view the code in a fiddle here: <a href="http://jsfiddle.net/pNRzV/1/" rel="nofollow">http://jsfiddle.net/pNRzV/1/</a>
  Try re-sizing the content window and you will see the overlapping issues.</p>
  
  <p>Any opinions/comments welcome, thanks for your time!</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row-fluid"&gt;
    &lt;div class="span2"&gt;
      &lt;div class="well well-small"&gt;
        &lt;ul class="nav nav-list" id="navigation"&gt;
          &lt;li&gt;&lt;a href="/link" &gt;link&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/link" &gt;link&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/link" &gt;link&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/link" &gt;link&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/link" &gt;link&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/link" &gt;link&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="span10"&gt;
      &lt;div class="row-fluid"&gt;
        &lt;div class="span3"&gt;
          &lt;form method="POST"&gt;
            &lt;fieldset&gt;
              &lt;legend&gt;Some Random details&lt;/legend&gt;
              &lt;select&gt;
                &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
                &lt;option value="saab"&gt;Saab&lt;/option&gt;
                &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
                &lt;option value="audi"&gt;Audi&lt;/option&gt;
              &lt;/select&gt;
              &lt;select&gt;
                &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
                &lt;option value="saab"&gt;Saab&lt;/option&gt;
                &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
                &lt;option value="audi"&gt;Audi&lt;/option&gt;
              &lt;/select&gt;
              &lt;select&gt;
                &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
                &lt;option value="saab"&gt;Saab&lt;/option&gt;
                &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
                &lt;option value="audi"&gt;Audi&lt;/option&gt;
              &lt;/select&gt;
              &lt;input type="submit" class="btn btn-primary" name="submit" value="Submit"&gt;
            &lt;/fieldset&gt;
          &lt;/form&gt;
        &lt;/div&gt;
  
        &lt;div class="span3"&gt;
          &lt;fieldset&gt;
            &lt;legend&gt;Some random long legend&lt;/legend&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a href="/"&gt;
                &lt;i class="icon-film"&gt;&lt;/i&gt;berkeley napier 3&lt;/a&gt;
                &lt;a href="/"&gt;&lt;i class ="icon-trash"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
            &lt;div class="btn-group"&gt;
              &lt;a class="btn btn-small btn-inverse" href="/"&gt;Preview Something&lt;/a&gt;
              &lt;a class="btn btn-small btn-inverse" href="/"&gt;Preview Something else&lt;/a&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
        &lt;/div&gt;
  
        &lt;div class="span3"&gt;
          &lt;fieldset&gt;
            &lt;legend&gt;Options&lt;/legend&gt;
              &lt;div class="btn-group-vertical"&gt;
                &lt;a class="btn btn-info" href="/"&gt;Some LongButton Text&lt;/a&gt;
                &lt;a class="btn btn-info" href="/"&gt;Longer Long Button Text&lt;/a&gt;
                &lt;a class="btn btn-info disabled" data-href="/"&gt;Button Text&lt;/a&gt;
                &lt;a class="btn btn-info disabled" data-href="/"&gt;Button Text&lt;/a&gt;
              &lt;/div&gt;
          &lt;/fieldset&gt;
        &lt;/div&gt;
  
        &lt;div class="span3 actions"&gt;
          &lt;fieldset&gt;
            &lt;legend&gt;Buttons&lt;/legend&gt;
            &lt;div class="btn-group btn-group-vertical"&gt;
              &lt;a class="btn btn-primary" href="/"&gt;&lt;i class="icon-list icon-white"&gt;&lt;/i&gt;
                Create Something
              &lt;/a&gt;
              &lt;a class="btn btn-primary" href="/"&gt;&lt;i class="icon-circle-arrow-down icon-white"&gt;&lt;/i&gt; Download Something&lt;/a&gt;
              &lt;a class="btn btn-primary" href="/"&gt;&lt;i class="icon-share icon-white"&gt;&lt;/i&gt; Some Button&lt;/a&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>