title: Unable to center contents of a fieldset
body: <p>am having trouble trying to center the contents of one of my fieldsets.
  It has a captcha image, an input field and a submit button. I've tried using margin: 0 auto; but to no avail...</p>
  
  <pre><code>&lt;fieldset class="fieldset_submit"&gt;
  
  
          {if captcha}
  
          {captcha}
  
          &lt;p&gt;Please enter the text you see above&lt;/p&gt;
  
          &lt;input type="text" name="captcha" value="" /&gt;
          {/if}
          &lt;input type="submit" name="submit" value="Send" class="submit" /&gt;
  
          &lt;/fieldset&gt;
  </code></pre>
  
  <p>CSS CODE:</p>
  
  <pre><code>.fieldset_submit {
  display: block;
  width: 500px;
  margin: 0 auto;
  border: none;
  text-align: center;
  padding: 40px;
  }
  
  
  input, select {
      display: block;
      margin: 5px 0 20px 0;
      width: 300px;
      height: 25px;
      font-size: 16px;
      color: gray;
      padding: 5px;
      border: 2px solid #ccc;
  }
  
  select {height: 35px;}
  
  label {display: block; margin-bottom: 10px;}
  
  fieldset.fieldset_centre textarea {
      border: 2px solid #ccc;
      color: gray;
      padding: 10px;
      font-size: 16px;
      width: 800px;
      margin: 0 auto;
  }
  
  
  .submit {
      width: 100px;
      border: none;
      height: 30px;
      text-align: center;
      text-transform: uppercase;
      background-color: #ff8399;
      color: white;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
  }
  
  .submit:hover {cursor: pointer;}
  
  .submit:active {
      position:relative; 
      top:2px
  }
  </code></pre>
  
  <p><em>Addition:</em></p>
  
  <p>Unfortunately despite centering the fieldset the contents don't center when set to display block as per the second method. Strange as both the fiddles display great.</p>
  
  <p>I'm wondering if it's to do with the ee captcha?</p>