title: Width 100%, center wont work
body: <p>I have a problem with HTML.</p>
  
  <p>The #content div wont get the width.<br />
  div test is centered, and #menu should have 15% width and #info to.<br />
  I tried clear: both; but it wont work...<br />
  Maybe its a issue to width 100%.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;style&gt;
  html, body {
      height: 100%;
  }
  
  body {
      margin: 0px;
  
      overflow: hidden;
  }
  
  #wrapper {
      background-color: green;
  
      width: 100%;
      height: 100%;
      position: fixed;
  }
  
  #upper {
      height: 15%;
  
      background-color: blue;
  }
  
  #test {
      height: 85%;
  
      width: 100%;
      margin: 0px auto;
  }
  
  #test #menu {
      width: 15%;
      height: 100%;
  
      float: left;
  
      /* scroll bar */
      overflow-y: scroll;
      overflow-x: hidden;
  
      background-color: red;
  }
  
  #test #content {
      width: 70%;
      height: 100%;
  
      float: left;
  }
  
  #test #content {
      width: 15%;
      height: 100%;
  
      float: left;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
      &lt;div id="upper"&gt;
          upper
          &lt;!-- logo etc --&gt;
      &lt;/div&gt;
      &lt;div id="test"&gt;
          &lt;div id="menu"&gt;
              menu
          &lt;/div&gt;
          &lt;div id="content"&gt;
              content
          &lt;/div&gt;
          &lt;div id="info"&gt;
              info
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Could somebody help me!</p>