title: Why is this CSS nowrap not working?
body: <p>I'm trying to keep the bar_top_container div from wrapping it's contents no matter how wide the page is (i.e. both selects should appear always on the same line), this is not working however when the page width is to small for them to both fit on one line, how can i fix this?</p>
  
  <p>Styles:</p>
  
  <pre><code>#bar_top_container { position: relative; white-space: nowrap; }
  #bar_top_block { float: left; padding-left: 10px; padding-right: 10px; border-right: 1px solid #4965BB; }
  #clear { clear: both; }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="bar_top_container"&gt;
   &lt;div id="bar_top_block"&gt;
    &lt;span class="bold"&gt;select1:  &lt;/span&gt;
     &lt;select&gt;&lt;option value="asdf"&gt;asdf&lt;/option&gt;&lt;/select&gt;
   &lt;/div&gt;
   &lt;div id="bar_top_block"&gt;
    &lt;span class="bold"&gt;asdf: &lt;/span&gt;
     &lt;select&gt;&lt;option value="blah"&gt;-- select action --&lt;/option&gt;&lt;/select&gt;
   &lt;/div&gt;
   &lt;div id="clear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>