Salut à tous,

j'ai un problème d'interprétation avec le code ci-dessous sur les différents navigateurs(à droite de l'image:Safari, à gauche: Firefox)

En effet sur Firefox ce dernier applique par défaut, une marge de 1px en hauteur. Exsit-il une solution afin que mon sélect soit PARFAITEMENT CENTRÉ dans mon div sur les 2 navigateurs(Donc 2px d'espace en haut et 2px d'espace en bas)

http://data.imagup.com/12/1174479694.png


<style type="text/css">
<!--
select.b {
    font-size:9px;
	width:40px;
}
#C {
	background-color: #999;
	height:19px;
	width:50px;
}
-->
</style>
</head>

<body>
<div id="C">
<select class="b backend_dropbox" name="a">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select></div>
</body>
</html>