title: center grid elements in container (960 grid)
body: <p>So i'm trying to create a widgetized are on the frontpage, i'm using the following code for that:</p>
  
  <pre><code>&lt;div id="widgets" class="container_24"&gt;
      &lt;?php if (function_exists('dynamic_sidebar') &amp;&amp; dynamic_sidebar('frontpage_widget')) : else : ?&gt;  
          &lt;h4&gt;Widget Ready&lt;/h4&gt;  
          &lt;p&gt;This frontpage_widget is widget ready! Add one in the admin panel.&lt;/p&gt;  
      &lt;?php endif; ?&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>the widgets itself got this code:</p>
  
  <pre><code>register_sidebar(array(
          'name' =&gt; 'Frontpage Widget',
          'id'   =&gt; 'frontpage_widget',
          'description'   =&gt; 'Widget area for frontpage',
          'before_widget' =&gt; '&lt;div id="%1$s" class="fp_widget roundedCorners %2$s grid_6"&gt;',
          'after_widget'  =&gt; '&lt;/div&gt;',
          'before_title'  =&gt; '&lt;h2&gt;',
          'after_title'   =&gt; '&lt;/h2&gt;&lt;hr /&gt;'
      ));
  </code></pre>
  
  <p>If I put 4 widgets in that area all is fine, displayed nicely, however, when there are only 3 widgets they won't center..</p>
  
  <p>I already tried adding an extra div with the css below added to it, but that doens't seem to do much either.</p>
  
  <pre><code>margin-left:auto;margin-right:auto;
  </code></pre>
  
  <p>Anyone got an idea what i'm doing wrong?</p>