title: CSS Positioning, want to make content's width fixed when window is resized.
body: <p>I have a div with two nested divs inside, the (float:left) one is the menu bar, and the right (float:right) should display whatever content the page has, it works fine when the window is at a maximum, but when i resize it the content is collapsed until it can no longer has any space, at which it is forced to be displayed BELOW the left menu bar, how can I make the width fixed so that the user may scroll when resized? 
  (css    width    didn't work, i alternated between floating the right content and not), here is the code:    </p>
  
  <pre><code>&lt;div style="width:100%"&gt;
    &lt;div style="float:left; background:#f5f5f5; border-right:1px solid black; height:170%; width:120px;"&gt;&lt;/div&gt;   
    &lt;div style="margin-right:2px;margin-top:15px; margin-bottom:5px; width:100%; border:1px solid #f5f5f5"&gt;&lt;/div&gt; 
  &lt;/div&gt;    
  </code></pre>
  
  <p>I only need to have this working on Interner Explorer for now. </p>