Ci sono 3 div contenuti in un altro div. I primi due sono tipo colonne, uno a destra e uno a sinistra, e contengono ognuno un form. Il terzo contiene un pulsante e è centrale.

Se nel foglio di stile metto per tutti e 3 "position:relative;" mi si crea un blocco unico, in cui in primi 2 div hanno i form bloccati e funziona solo il pulsante del terzo.
Se metto nel terzo div "position:absolute;" funziona tutto, ma non ottengo quello che voglio.

Allego i codici:

struttura della pagina:
codice:
<div id="contenitore1">
   <div id="sinistra" class="bloccoingresso">
      <p class="invito">Entra</p>
      <form action="login.php" method="post">
         Username:<input type="text" name="username" value="">
         Password: <input type="password" name="password" value="">
         


         <input class="buttonentra" type="submit" value="Entra">
      </form>
      
</div>
   <div id="destra" class="bloccoingresso">
      <p class="invito">Iscriviti</p>
      <form action="iscrizione.php" method="post">
         Username:<input type="text" name="username" value="">
         Password: <input type="password" name="password" value="">
         


         <input class="buttonentra" type="submit" value="Iscriviti">
      </form>
</div>
   <div class="bloccoingresso">
      <p class="invitoface">Accedi con Facebook</p>
      [img]trasparente.gif[/img]
</div>
</div>
Il relativo css:
codice:
#contenitore1{
    width:600px;
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
}
#sinistra{
    float:left;
    width: 45%;
}
#destra{
    float:right;
    width: 45%;
}
.bloccoingresso{
    margin-top:15px;
    position:relative;
}
Avete idee a riguardo? Ho anche tolto hover e active, ma non era quello il problema evidentemente. Grazie in anticipo!