pb margin-bottom sur un input

**SiriusBlack_648** · 06/08/2008, 19h58

Bonjour,

Je suis en train de programmer un formulaire et j'ai un problème d'espacement sous mes champs textes. Dans IE l'espacement est parfait, mais sous Firefox, il semble ignoré le margin-bottom.

Je vous poste le code et la css

PAGE DU FORMULAIRE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
		<cfform action="index.cfm" method="post">        
 
		<div class="info">
 
       			<span class="infoLabel">
					<label for="Prenom">Pr&eacute;nom : </label>
                	<br />
               		<label for="Nom">Nom : </label>
                    <br />
                	<label for="Courriel">Courriel : </label>
                    <br />
                	<label for="CodePostal">Code postal : </label>
     			 </span>
 
                 <span class="infoLabel">
                 	<cfinput type="text" name="Prenom" message="Entrez votre prénom svp" required="yes" class="infoInput" id="Prenom">
                    <cfinput type="text" name="Nom" id="Nom" required="yes" message="Entrez votre nom svp" class="infoInput">
                    <cfinput type="text" name="Courriel" id="Courriel" required="yes" message="Entrez votre courriel svp" class="infoInput">
                    <cfinput type="text" name="CodePostal" id="CodePostal" required="yes" message="Entrez votre code postal svp" class="infoInput">
                 </span>
				<br class="clear">
 
		</div>
 
        </cfform>

LA CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
div.contener{
	margin-left: auto;
    margin-right: auto;
	width:66.8em;
	background-color:#FFF;
}
 
div.header{
	background-image:url(../images/img_header.jpg);
	background-repeat:no-repeat;
	height:54.4em;
}
 
div.info{
	height:142px;
	width:260px;
	position:absolute;
	left: 756px;
	top: 249px;
}
 
 
cfinput.infoInput{
	text-align: right;
	width: 13em;
	margin-bottom:7px;
}
 
span.infoLabel{
	padding: 0px;
	margin: 0px;
	width: 7em;
	line-height:2.5em;
	float:left;
	text-align: right;
	margin-right:1em;
}
 
.clear{
	clear:both;
}