Salve a tutti,
non riesco ad allineare in modo preciso il pulsante con id="corto".
Rimane sempre qualche pixel disallineato rispetto agli altri due.
Cosa sbaglio?

Grazie, saluti

codice:
<HTML>
   <HEAD>
      <TITLE>
         A Small Hello
      </TITLE>
<link rel="stylesheet" type="text/css" href="style.css"/>
   </HEAD>
<BODY>
   

Form</P>

   <form>
        <div class="voce">
                <label for="nome">nome</label>
                <input type="text" name="nome"/>
                <button>+</button>
        </div>

        <div class="voce">
                <label for="nome">cognome</label>
                <input type="text" name="nome"/>
                <button>+</button>
        </div>

        <div class="voce">
                <label> sesso </label>
                <select name="sesso" id="sesso">
                <option> - Seleziona una voce -</option>
                <option value="M">M</option>
                <option value="F">F</option>
                </select>
                <button id="corto">+</button>
        </div>
   </form>
</BODY>
</HTML>


codice:
.voce
{
   margin-bottom:20px;
}

.voce label
{
   color:#123456;
   text-align:right;
   padding-right:2%;
   width:20%;
   float:left;
}

.voce input
{
   width:20%;
   float:left;
   padding-right:2%;
}

.voce button
{
   margin-left:2%;
   clear:right;
}

.voce #corto
{
  margin-left:12%;
  clear:right;
}

#sesso
{
  width:10%;
  padding-right:2%;
}