[Résolu] Problème étrange dans un formulaire.

Bonjour, depuis ce matin j'essaie de trouver l'erreur à mon problème, mon formulaire déroulant (select, option) ne s'affiche pas correctement sur la plupart des navigateurs (sauf IE), lorsque je sélectionne un champ, tout le formulaire devient blanc et le choix sélectionné s'affiche à la fin de la liste déroulante (voir image), c'est assez compliqué à expliqué donc je vous donne la source pour tester vous même (si vous avez le temps bien sûr), je pense que le problème vient du CSS et, plus particulièrement des <p></p> avant et apès les <select>[...]</select>, voila, j'espère que vous m'aurai compris, merci d'avance.

contact.html

                <form method="post" action="">
		<fieldset>
			<p><label for="mail">Adresse e-mail :</label> <input type="text" name="mail" id="mail" value="" /></p>
			<p><label for="sujet">Sujet :</label>
                        <select id="sujet" name="sujet">
				<option value="Autre">Autre</option>
				<option value="Partenariat">Partenariat*</option>
				<option value="Problème(s) sur le site">Problème(s) sur le site</option>
			</select></p>
                        <p><label for="message">Votre message :</label> <textarea name="message" id="message" rows="15"></textarea></p>
			<p><input type="submit" name="form_contact" class="submit" value="Envoyer" /></p>
		</fieldset>
		</form>

style.css

form fieldset {
	margin: 0 20px;
	border: none;
	display : block;
	      }

form fieldset label {
	display: block;
	margin-top: 3px;
	width : 150px;
	float: left;
	font-weight : bold;
		      }

form fieldset input {
	margin: 3px 0;
	border: 1px solid #CDCDCD;
	color: #0099ff;
	padding: 2px 3px;
	font-style: 1.1em;
	background: #ffffff;
		    }

form fieldset textarea {
	width: 100%;
	margin: 3px 0;
	background: #ffffff;
	border: 1px solid #CDCDCD;
	color: #0099ff;
	padding: 2px 4px;
	font-style: 1.1em;
                       }

form fieldset input:focus, textarea:focus, input.submit:hover {
	border: 1px solid #0099ff;
	color: #000000;
                                          }

form fieldset select, option {
	margin: 3px 0;
	color: #0099ff;
	font-style: 1.1em;
			     }

form fieldset select:focus, option:focus {
	color: #000000;
			                 }

form fieldset input.submit {
	float: right;
	margin: 0;
	width: 130px;
			   }

Modifié par Gaylord.P (04 Mar 2005 - 12:24)

Bonjour,

T'as essayé de pas mettre d'espace et accent à cela :

value="Problème(s) sur le site"

??

Oui, mais le problème est toujours présent.

Oui, fait attention à l'attribut value qui ne doit pas avoir de caractères bizaroïdes dedans

Entendu, merci de la précision mais le problème ne vient pas la.
J'espère que quelqu'un pourra m'aidé.

Je viens de tester sur une page à pars (les codes que je vous ait donné ne sont qu'une partie de la page), et cela fonctionne...l'erreur vient certainement d'une autre partie du CSS, je vais donc chercher autre pars

Merci d'avoir essayé de m'aider.

reBonsoir, je poste ici d'ou venait le problème, peut-être que ça aidera quelqu'un plus tard :
- J'avais auparavant mis une propriété à la première lettre des paragraphes :

#page p:first-letter {
	color: #0099ff;
	font-weight: bold;
	       }

C'est d'où provenait le bug, pour la solution : mettre une class spécifique aux p des formulaires.

Voila, merci encore à ceux qui ont essayé de m'aider.

Cool. [résolu]

Bisous..