title: Text-align and div not centered
body: <p>I have a div that I want to be align in the center, horizontally speaking. Note that the <code>button</code> inside, can be align at the center... Sadly I can't make the same for the wrapper</p>
  
  <p><a href="http://jsfiddle.net/dS9Bc/2/" rel="nofollow">Here's is the live demo</a></p>
  
  <p><strong>HTML</strong> markup:</p>
  
  <pre><code>&lt;div class="wrap"&gt;
      &lt;div class="grayContainer"&gt;
          &lt;div class="editor-label"&gt;
              name:
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              james
          &lt;/div&gt;
          &lt;div class="editor-label"&gt;
              last name:
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              bond
          &lt;/div&gt;
          &lt;div class="alignCenter"&gt;
              &lt;input type="submit" value="press me" class="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong> markup:</p>
  
  <pre><code>.grayContainer {
      padding: 15px 10px 10px 10px;
      width: 450px;
      background-color: #E7E7E7;
      border: 2px solid #CCCCCC;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      box-shadow: 0px 0px 6px 2px #CCCCCC;
      position:relative;
      behavior: url(/PIE.htc);
  }
  
  .grayContainer label
  {
      float: left;
      width: 200px;
      text-align: right;
      color: #656565;
      /*font-size: 12px;*/
      text-shadow: 0 1px 0 white;
      padding: 8px 13px 10px 0;
  }
  
  .grayContainer .alignCenter
  {
      padding: 20px 0;
  }
  
  .alignCenter
  {
      text-align: center;
  }
  
  .wrap
  {
       margin: 0 auto;   
  }
  </code></pre>
  
  <p>Thanks in advance</p>