title: css content goes out of div
body: <p>Hi I have page <a href="http://rygol.cz/qlife/" rel="nofollow">http://rygol.cz/qlife/</a> and when Iam zooming out the content goes out of his div. If i you height: auto; or height: 100% its ok but leftcolumn is smaller then right, clear doesnt help me.
  Have anybody some idea how to fix it?</p>
  
  <pre><code>#leftcolumn { 
   color: #333;
   background: #fff;
   background-image:url("./images/corner.png");
   background-repeat:no-repeat;
   padding: 10px;
   height: 800px;
   width: 244px;
   float: left;
  }
  #rightcolumn { 
   float: right;
   color: #333;
   background: #fff;  
   padding: 10px;
   height: 800px;
   width: 638px;
   display: inline;
   margin-bottom: 10px;
  } 
  </code></pre>