how did I *not* know you could do this?

[acroyear]

  <SELECT NAME=browser>
    <OPTGROUP LABEL="Firefox" style="padding: 4px 4px 4px 4px; background-color: #AAAAAA;">
      <OPTION LABEL="2.0 or higher">
        Firefox 2.0 or higher
      </OPTION>
      <OPTION LABEL="1.5.x">Firefox 1.5.x</OPTION>
      <OPTION LABEL="1.0.x">Firefox 1.0.x</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="Microsoft Internet Explorer">
      <OPTION LABEL="7.0 or higher">
        Microsoft Internet Explorer 7.0 or higher
      </OPTION>
      <OPTION LABEL="6.x">Microsoft Internet Explorer 6.x</OPTION>
      <OPTION LABEL="5.x">Microsoft Internet Explorer 5.x</OPTION>
      <OPTION LABEL="4.x">Microsoft Internet Explorer 4.x</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="Opera">
      <OPTION LABEL="9.0 or higher">Opera 9.0 or higher</OPTION>
      <OPTION LABEL="8.x">Opera 8.x</OPTION>
      <OPTION LABEL="7.x">Opera 7.x</OPTION>
    </OPTGROUP>
    <OPTION>Safari</OPTION>
    <OPTION>Other</OPTION>
  </SELECT>

see that "optgroup"? if you're in Firefox or IE, it should look real nice, organizing the options inside the dropdown with unselectable labels and indentation and all that nice-looking stuff.

Firefox 2.0 or higher Firefox 1.5.x Firefox 1.0.x Microsoft Internet Explorer 7.0 or higher Microsoft Internet Explorer 6.x Microsoft Internet Explorer 5.x Microsoft Internet Explorer 4.x Opera 9.0 or higher Opera 8.x Opera 7.x Safari Other

Comments

[acroyear70.livejournal.com]

support in the browser varies more because, particularly in IE, the components are "windows" components and not all the CSS -> windows objects traits are implemented in IE, but theoretically yes, CSS is supposed to work.