float con i css

Ciao a tutti raga.

Ho un problema con la gestione dei float nei css, vi mostro cosa intendo:





Come si vede ho creato un layout a 3 colonne con i float, l'unico problema è che non riesco a eliminare quel fastidioso spazio che c'è da una colonna all'altra, si nota di più tra le due immagini al fondo e il footer con il testo dentro, lasciando spazio si vede il colore nero di background.

Ho settato il body con margin: 0px; e provato qualsiasi sorta di codice, non è un problema di padding, border e margin, ho provato a settarli a 0 su ogni div ma non cambia nulla, pare proprio che il browser separi i div automaticamente, qualcuno ha qualche idea?