CSS : opacity scroll et select

[mojo]

Salut à tous,

Je n'ai décidément pas de chance avec les opacity en CSS : les champs select de mon formulaire disparaissent lors du scroll.

J'ai donc une boite div avec les attributs suivants :

Code: Tout sélectionner

#content {
   width: 600px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
   font-size: 1em;
   padding: 10px;
   height: 400px;
   overflow: scroll;

   filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;
   background-color: #000;
}

A l'intérieur, un formulaire avec des champs <select> puis du texte.
Lorsque je scroll, j'ai ces champs select qui disparaissent sous IE. Tout est nikel (comme souvent...) sous Firefox. Il semblerait que la propriété opacity soit en cause puisque si je l'enlève, ça tourne bien. Qui plus est sous IE, les champs <select> n'ont pas de transparance contrairement au champs <input>

Je me trompe quelque part ? C'est assez agaçant de voir la moitié du formulaire disparaître aléatoirement au gré du scroll, alors si vous avez une solution, je suis (comme d'habitude) preneur !

Merci d'avance.

[mojo]

Je continue à ramer (faut dire que je suis du genre obstiné).

Etant donné l'engouement pour ma question, je suppose que personne n'a d'idée ?