title: How to make a DIV not wrap?
body: <p>I need to create a container DIV style that contains multiple other DIV's. It is asked that these DIV's wouldn't wrap if the browser window is resized to be narrow.</p>
  
  <p>I tried to make it work like below.</p>
  
  <pre><code>&lt;style&gt;
     .container
     {
        min-width: 3000px;
        overflow: hidden;
     }
     .slide
     {
        float: left;
     }
  &lt;/style&gt;
  &lt;div class="container"&gt;
     &lt;div class="slide"&gt;something&lt;/div&gt;
     &lt;div class="slide"&gt;something&lt;/div&gt;
     &lt;div class="slide"&gt;something&lt;/div&gt;
     &lt;div class="slide"&gt;something&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This works in most cases. However, in some special cases, the rendering is incorrect. I found the container DIV change to 3000px width in RTL of IE7; and it turns to be messy.</p>
  
  <p>Is there any other way to make a container DIV not to wrap?</p>