il background del secondo elemento, coi due elementi flottanti, parte lì dove finisce il primo (se elimini il background sul form sarà evidente).
La sfasatura è invece nell'altezza dei due elementi, ma a questo si puòp ovviare regolando opportunamente margini padding e altezza


aggiungo: no di default il margine superiore e inferiore sono pari ad alcuni pixel (e con margini e padding i browser non si comportano allo stesso modo, sarebbe perciò consigliabile azzerarli su tutti gli elementi, ed è possibile farlo con il selettore universale:
* {margin:0; padding:0;}
ripristinandoli poi dove servano coi valori voluti, garantendosi così una resa uniforme sui diversi browser)