title: Does text-transform: Capitalize work for <option> elements, and if so in which browsers?
body: <p>I have a <code>&lt;select&gt;</code> element within which I would like to Capitalize the text displayed in each <code>&lt;option&gt;</code> tag.</p>
  
  <p>For  instance, I would like the 2 values here to be <em>Bar</em> and <em>Baz</em> (not <em>bar</em> and <em>baz</em>)</p>
  
  <pre><code>&lt;style&gt;
      option { text-transform: Capitalize; }
  &lt;/style&gt;
  
  &lt;select name="foo"&gt;
      &lt;option value="bar"&gt;bar&lt;/option&gt;
      &lt;option value="baz"&gt;baz&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This does not appear to work in my Chrome (14.0.835.202) but does work in my Firefox (8.0) and IE 8.</p>
  
  <p><strong>Edit: Added <code>&lt;style&gt;</code> tag for clarity</strong></p>