3 DIV in una riga

[laracrack]

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.

[bagu]

dai float left anche al terzo div e elimini lo spazio.
ciao paolo

[laracrack]

Infatti, grazie. Ciao Lara.

[laracrack]

Per caso sapresti dirmi se la colonna centrale può adattarsi allo spazio rimanente?
Grazie. Ciao. Lara.

[bagu]

dovresti annidare i 2 div dentro la colonna centrale (a cui dai una larghezza percentuale) e dare ai div laterali il float left e right.

ciao Paolo

[laracrack]

Grazie.
Ho risolto mettendo i tre div dentro un'altro div con width:100% e con il background.
ed ovviamente mettendo il terzo div con il float: right;
è una brutta soluzione? mah.
Adesso provo la tua.
Grazie ancora. Ciao.