Ho questa riga

<div id="C1R1"></div>
<div id="C2R1">Titolo</div>
<div id="C3R1"></div>

con il relativo CSS

#C1R1{
width: 10px;
height: 10px;
float: left;
background-image: url(imgs/C1R1.gif);
}
#C2R1{
height: 10px;
float: left;
background-image: url(imgs/C2R1.gif);
}
#C3R1{
width: 10px;
height: 10px;
float: none;
background-image: url(imgs/C3R1.gif);
}

Perchè tra il secondo e il terzo DIV mi rimane uno spazio bianco?
E ancora, come posso fare perchè la seconda colonna si adatti allo spazio disponibile nella pagina?

Ciao, Grazie. Lara.