[CSS] Stile sul tag OPTGROUP

[gordian]

Ciao a tutti,
avrei un "Jump menu" di questo tipo:

<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option value="#" selected>Scegli un altro articolo >></option>
<optgroup label="categoria 1">
  <option value="pag1.php">pagina 1</option>
  <option value="pag2.php">pagina 2</option>
  .....
  .....
</optgroup>

Come output mi viene la scritta "categoria 1" in corsivo/grassetto/nero e vorrei personalizzarla con i css senza alterare i vari "option".

nel css ho provato nei seguenti modi:
optgroup {.....}
label {......}
optgroup, label {.....}

ma o non mi modifica niente (secondo caso), oppure mi modifica pure gli option (primo e terzo caso).

Grazie per l'aiuto.

[jesus]

Definisci prima lo stile per l'optgroup e poi quello per gli option:

optgroup {
  /* stile per optgroup */
}
option {
  /* stile per option */
}

[gordian]

Ok, solo un'ultima cosa:
scrivendo

optgroup
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: #003366;
}

option
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
color: #2c2c2c;
}

Comunque l'optgruop mi rimane corsivo :master:
Come posso renderlo normale?