Alguem saberia me dizer como posso fazer para posicionar imagens uma ao lado e embaixo da outra com o css sem q fique com espaço em branco entre elas?
Estu tentando montar o topo de um site parecido com essa imagem mas estou tendo muita dificuldade para colocar esses cubinhos um ao lado do outro.

[codebox]body
{
margin: 0;
padding: 0;
font: verdana, arial, san-serif;
text-align: center;
background: #FFF;
/*background-image: url(imagens/bg.png)*/
}
#geral
{
margin: 1em auto;
align:center;
width:778px;
text-align: left;
background-color: #fff;
}
#topo
{
position: relative;
margin:0
padding:0;
height: 180px;
background: #800000;
}
/* Linha 1*/
#topo.img1{ /* p/ as 5 imagem das linhas */
float: left;
}
#topo.img2{ /*p/ a 6ª imagem da linhas */
clear: left;
#topo.imagem_grande {
float: right;
}
[/codebox]
abraços
Luzia