Ciao a tutti, ho creato una pagina con Form personalizzati tramite immagine ma ho tre problemi:

1) ogni campo è leggermente spostato rispetto al precedente
2) non vengono visualizzti 3 select field ma solo 2
3) guardando con iPhone la pagina viene visualizzta un'area in prossimità della label


Potete aiutarmi?

codice:
<!DOCTYPE html>
<head>


<style type="text/css" media="screen">

.bloccoInput {
  	margin-top: 15px;
  	width: 288px;
  	height: 20px;
  	border: 0;
  	background: url(img/fields_input.png);
}
.bloccoInput label {
	font-family: verdana;
	font-size: 14px;
  	color: #ffffff;
  	float: left;
  	width: 120px;
  	margin-top: 3px;
}

.bloccoInput input {
  	float: left;
  	width: 165px;
  	height: 20px;
  	border: 0;
}

.bloccoInput select {
  	float: left;
  	width: 50px;
  	height: 23px;
  	border: 0;
}

</style>


</head>
<body> 

<fieldset class="bloccoInput">
  <label for="...">Nome</label>
  <input ...  />
</filedset>
	
<div style="clear:both"></div>            


<fieldset class="bloccoInput">
  <label for="...">Cognome</label>
  <input ...  />
</filedset>

<div style="clear:both"></div>   

<fieldset class="bloccoInput">
  <label for="...">GG/Mese/Anno</label>
  <select ...  />
  <select ...  />
  <select ...  />
</filedset>

</body>
</html>