html - Foundation Grid Not Working. 3 Columns Layout? -

i have used foundation plenty of times , works fine. trying 3 columns right above footer , seems big: http://1stcallwebdesign.com/tracsoft/

<div class="row">     <div class="twelve columns">          <div class="four columns">             <h2>our clients</h2>          </div>          <div class="four columns">             <h2>blog</h2>          </div>          <div class="four columns last">             <h2>expertise</h2>          </div>      </div> </div>  

it should 3 perfect columns. 4x3=12. columns seem big , push last 1 down. ideas?

edit: same thing happening in footer. 4 columns, last 1 being pushed. know reduce width of columns mess whole grid. should work.

please check http://1stcallwebdesign.com/tracsoft/css/global.css

.column, .columns {     float: left;     min-height: 1px;    /* padding: 0 15px;*/ /*this do*/     position: relative; } 

or can do

.four, .row .four {     width: 30.333%; }