Ligne de séparation dans un <select>

Bonjour à vous !

J'aimerai avoir une ligne de séparation dans un <select> entre deux <optgroup> mais je n'y arrive que sous Firefox. Etant bien conscient qu'il est très difficile de personnaliser cette balise, j'ai envie de croire que c'est possible !

Malheureusement, j'ai déjà essayé deux solutions différentes qui sont restées sans succès aux yeux des autres navigateurs

1ère solution :

option.line-below {
	border-bottom: #dddddd solid 1px;
}

<select>
	<optgroup label="WWW">
		<option value="xxx" class="line-below">OPTION XXX</option>
	</optgroup>
	<optgroup label="YYY">
		<option value="zzz">OPTION ZZZ</option>
	</optgroup>
</select>

2ème solution :

optgroup {
	border-bottom: #dddddd solid 1px;
}

<select>
	<optgroup label="WWW">
		<option value="xxx">OPTION XXX</option>
	</optgroup>
	<optgroup label="YYY">
		<option value="zzz">OPTION ZZZ</option>
	</optgroup>
</select>

Si vous avez des idées ? Une expérience ? Un résultat ? Ca m'intéresse !!

Merci d'avance !

Edit: petite correction dans mon html
Modifié par Alphonse (17 Jun 2009 - 12:26)

Bon, j'imagine que ce n'est pas possible Ce petit message me permettra de faire un "up" de mon post mais s'il ne reçoit toujours pas de réponse, je laisserai tomber !

Pas possible à ma connaissance. Règle générale: ne pas styler les OPTION et OPTGROUP.