title: select tag in Google Chrome shows lowercase options
body: <p>In Google Chrome, I have a select tag with countries which render with lowercase first letters <em>when viewed in the browser</em>.  In all other browsers, they have upper case letters.  The option labels are rendered with lowercase first letters, but we have styling to capitalize them.  Could it be that Google Chrome doesn't know how to apply this style?  I saw the issue on the Chromium issues list for a select in an iFrame; however, this select tag is not in an iFrame.</p>
  
  <p><strong>CSS when viewing from Mozilla:</strong></p>
  
  <pre><code>.web_form div.form_field select {
    text-transform:capitalize;
  }
  </code></pre>
  
  <p><strong>CSS when viewing from Google Chrome:</strong></p>
  
  <pre><code>.web_form div.form_field input[type="text"], .web_form div.form_field input[type="password"], .web_form div.form_field select {
    float: right;
    width: 200px;
    border: solid 1px #7B9EBD;
    text-transform: capitalize;
  }
  </code></pre>
  
  <p><strong>HTML (from any browser):</strong></p>
  
  <pre><code>&lt;select id="fld_country" name="fld_country" class="form_field"&gt;
      &lt;option value=""&gt;Please Choose&lt;/option&gt;
      &lt;option value="233" title="US" selected="selected"&gt;united states&lt;/option&gt;
      &lt;option value="1" title="AF"&gt;afghanistan&lt;/option&gt;
  </code></pre>
  
  <p>....... continued</p>