tag form che scompagina css

[nirv]

Se inserisco il tag <form method="post"> all'interno di un <div> mi scompagina l'altezza del div e non capisco perchè!

http://www.gameskeepers.com/prova.php

Guardate nella colonna a destra sotto member login...è più alto del dovuto (dove c'è la chiave come sfondo).

Ecco qui il css di quel blocco

#login_form {
width: 97%;
padding: 11px 5px 4px 0px;
text-align: right;
background-image:url(../imgs/key_login.jpg);
}

ed il codice html

<div id="login_form">
<form method="post">
USERNAME<input class="lgn" name="username" type="text" size="9">



PASSWORD<input class="lgn" name="password" type="text" size="9">



<span class="login_align">Cookie necessari!</span>
<input type="image" name="member_login" value="submit" src="http://www.gameskeepers.com/imgs/go_pulsante.jpg">
</form>
</div>

[miki.]

prova a mettere

form{
padding:0px;
}

[nirv]

Ho trovato...sono quelle immagini che ho messo come spaziatori..ora le elimino e gioco solo con i margin delle celle di input.

[nirv]

Come non detto..continua a farlo.
Possibile che non si riesca a fissare un'altezza di un box indissolubilmente?!?

[fcaldera]

hai provato a mettere il tag form prima del tag div???

[jesus]

form{
  margin:0px;
}

[nirv]

Ho risolto mettendo il tag form prima del div e poi un margin-bottom negativo (margin-bottom: -19px al box contenente il tutto!
Non so perchè funziona in questo modo però va. Mah!