title: CSS about two column layout
body: <p>I have never thought that writing a simple two column layout is so complicated using css....haha</p>
  <p>What I want to do is the following:</p>
  <ol>
  <li><p>When the height of the content div exceed the height of screen size, scroll bar exist only in the content div. The users can only scroll the content div but the sidebar keeps static</p>
  </li>
  <li><p>The two columns should have the same height</p>
  <p>My layout is:</p>
  </li>
  </ol>
  <p>&lt;---------------container-------------------&gt;</p>
  <p>&lt;-------------------header------------------&gt;</p>
  <p>&lt;-----sidebar-------&gt;&lt;---------content---&gt;</p>
  <p>&lt;------------------footer-------------------&gt;</p>
  <p>&lt;---End of container-------------------------&gt;</p>
  <p>Here is my css file:
  <a href="http://137.189.145.40/c2dm/css/main.css" rel="nofollow noreferrer">http://137.189.145.40/c2dm/css/main.css</a></p>
  <p>Thank you/</p>