title: Padding adds to div width / height?
body: <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
      * { margin:0; border:0; padding:0; }
      div { height:500px; }
      #container { width:1000px; background-color:#000; }
      #column-one { float:left; padding:10px; width:500px; background-color:#234; }
      #column-two { float:left; padding:10px; width:500px; background-color:#345; }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="container"&gt;
      &lt;div id="column-one"&gt;
      &lt;/div&gt;
      &lt;div id="column-two"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Counterintuitive indeed.</p>