title: text-align:center won't work with form <label> tag (?)
body: <p>I was going through a site I have just completed, and fixing up some accessibility issues. 
  I had a form:</p>
  
  <pre><code>&lt;input type="hidden" name="redirect" value="thank-you.php" /&gt;
  &lt;p&gt;Enter your Email Address to receive our Weekly Newsletter&lt;/p&gt;                            
  &lt;input name="email" type="text" id="formifemail" size="21" /&gt;
  &lt;input type="image" src="images/newsletter_button.jpg" alt="submit button" border="0" name="Submit" id="Submit" value="Send" /&gt;
  </code></pre>
  
  <p>This was flagged because their is no  tag to identify the input field for entering the email address. So I changed the <p> tag to a  tag like so:</p>
  
  <pre><code>&lt;input type="hidden" name="redirect" value="thank-you.php" /&gt;
  &lt;label for="formifemail"&gt;Enter your Email Address to receive our Weekly Research&lt;/label&gt;                            
  &lt;input name="email" type="text" id="formifemail" size="21" /&gt;
  &lt;input type="image" src="images/newsletter_button.jpg" alt="submit button" border="0" name="Submit" id="Submit" value="Send" /&gt;
  </code></pre>
  
  <p>and the CSS:</p>
  
  <pre><code>#formItem label {
      text-align:center;
      line-height:150%;
      font-size:.85em;
  }
  </code></pre>
  
  <p>But the text appears as left justified, and not centered. I've looked around that there are no obvious bugs. This is happening in both FF 3.x and IE 7.x </p>