title: Fixed div left of centered div
body: <p>I can't for the life of me get this to work. I want a fixed div (menu) to the left of a centered div (content). The page should be able to resize as usual with the fixed div touching the left window wall when the window get smaller.</p>
  
  <p>I made a drawing of what I want to do: </p>
  
  <p><a href="http://postimage.org/image/swy7lic8l/" rel="nofollow">Image of what I want to accomplish</a></p>
  
  <p><strong>EDIT</strong> I want to be able to resize the window and the content and menu should not fall out from the left browser wall. And also the Menu should always be fixed relative to the content... <strong>EDIT</strong></p>
  
  <p><strong>EDIT2</strong> The following did exactly what I wanted (expanded solution from xFortyFourx):</p>
  
  <pre><code>#body{width: 1200px; border: 1px solid #000; margin: 0 auto;}
  #wrap {width: 800px;min-width: 800px;min-height: 1800px;margin: 0px auto;border: 2px #000 solid;position: relative;}
  #sidebar {width: 160px;height: 100px; border: 2px #000 solid;position: absolute;top: 0;left: -180px;}
  #fixed{position: fixed; width: 160px; height: 50px; background-color: #234324;}
  &lt;div id="body"&gt;&lt;div id="wrap"&gt;&lt;p&gt;Content&lt;/p&gt;&lt;div id="sidebar"&gt;&lt;div id="fixed"&gt;&lt;p&gt;Sidebar&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>EDIT2</strong></p>