title: It seems that box-sizing: border-box is not working
body: <p>I've never came across this issue, but in a nutshell I apply border box as my box-sizing to all the elements:</p>
  
  <pre><code>*, *:before, *:after {
  
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
        box-sizing: border-box !important;
      }
  </code></pre>
  
  <p>I than have a responsive column layout, in this case 3 columns per row</p>
  
  <pre><code>&lt;div class="row clearfix"&gt;
     &lt;div class="column span-4-12 property"&gt;
        &lt;p&gt;..&lt;/p&gt;
     &lt;/div&gt;
  
     &lt;!-- more divs here --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>All spans nicely across 3 columns until I add margin to .property div, now usually because of border-box this would simply add margin between the columns and leave them 3 in a row, but now for some reason 3rd column is pushed to a new row, I honestly don't understand why, am I missing something?</p>
  
  <p>Here is live example on jsFiddle: <a href="http://jsfiddle.net/NmrZZ/" rel="noreferrer">http://jsfiddle.net/NmrZZ/</a></p>