border input em Firefox KO

Bonjour,

J'ai un probleme avec les bordures des champs input.

Je doit utiliser les em mais cela ne fonctionne pas sous firefox car je n'obtient pas un rendu uniforme.

voici un bout de code qui illustre le probleme:

Code:

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-15">
<title>test</title>
<style>
body {
    font-size:1em;
}
 
input, textarea, select {
	border: 0.1em solid #1C555F;
	margin:0em;
	padding:0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<label for="nom">Nom : (*)</label>
<input type="text" name="nom" id="nom" value="" maxlength="255" />
<br /><br />
<label for="prenom">Pr&eacute;nom : (*)</label>
<input type="text" name="prenom" id="prenom" value="" maxlength="255" />
</body>
</html>

merci