title: overflow help in css
body: <p>I have a div tag which is a main container and inside I have three more. now what I want to do is to put them to the right of everyone. I mean one div will be at the left side one in the middle and the third one on the right. but the only div which will be visible is the left first and the rest of them will not be visible. I used overflow hidden but not working.</p>
  
  <p>here is my code. Please tell me what am I doing wrong.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
      &lt;style&gt;
          body {
              margin: 0;
          }
          #header {
              width: 100%; height: 50px;
              background: aqua;
          }
          ul {
              list-style: none;
              margin: 0;
          }
          ul li {
              float: left;
              margin-right: 30px;
          }
          #contents {
              width: 100%; height: 600px; overflow: hidden;
              background: lightblue;
          }
          .contentsWrapper {
              display: block;
              width: 100%; height: 300px;
          }
          #contentsOne { background: red; }
          #contentsTwo { background: blue; }
          #contentsThree { background: grey; }
      &lt;/style&gt;
      &lt;title&gt;title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="header"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div id="contents"&gt;
          &lt;div class="contentsWrapper" id="contentsOne"&gt;One&lt;/div&gt;
          &lt;div class="contentsWrapper" id="contentsTwo"&gt;Two&lt;/div&gt;
          &lt;div class="contentsWrapper" id="contentsThree"&gt;Three&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>