[Resolvido] Alinhamento caixa CSS com DIV

Pessoal,

Preciso de um HELP.

Criei caixas CSS para colocar conteúdo dentro, são em torno de 6 caixas, porém quando coloco cada bloco do div no HTML, elas aparecem uma abaixo da outra, gostaria que ficassem no estilo tabela (3 caixas em cima e 3 caixas embaixo, porém usando DIV).

Código Div

<div class="topo-dir">
	<div class="baixo-esq">
 <div class="baixo-dir">
 <div class="texto">
 <h3>Área Administrativa</h3>
 <img src="adm.png" width="100" height="100" alt="Área Administrativa" border="0"></a><p>
 <a href="2viaboleto.htm">2ª via de Boleto</a><br>
 <a href="alteraDados.htm">Alterar dados
 cadastrais</a><br>
 <a href="alteraSenha.htm">Alterar senha</a>
 <br><br><br>

 </div>
 </div>
	</div>
</div>

<br>
<div class="topo-dir1">
	<div class="baixo-esq1">
 <div class="baixo-dir1">
 <div class="texto">
 <h3>Comunique-se</h3>
 <a href="enviamsg.htm"><img src="msg.jpg" width="100" height="100" alt="Clique aqui para enviar sua mensagem" border="0"></a><p>
 Envie mensagens para seus vizinhos.
 <br><br><br>

 </div>
 </div>
	</div>
</div>

CSS

div.texto {

background:#FFFACD;
padding:8px 8px 8px 8px;
}

a:link {text-decoration: none; color:#000000;}
a:visited {text-decoration: none color:#000000;}
a:hover {text-decoration: underline; color: #000000;}
a:active {text-decoration: none color:#000000;}

.topo-dir {
background:url(topo-dir.jpg) 100% 0 no-repeat;
width:20em;

}
.baixo-esq {
background: url(baixo-esq.jpg) 0 100% no-repeat;
}
.baixo-dir {
background: url(baixo-dir.jpg) 100% 100% no-repeat;

padding:0 5px 5px 0;}

.topo-dir1 {
background:url(topo-dir.jpg) 100% 0 no-repeat;
width:20em;
}
.baixo-esq1 {
background: url(baixo-esq.jpg) 0 100% no-repeat;
}
.baixo-dir1 {
background: url(baixo-dir.jpg) 100% 100% no-repeat;

padding:0 5px 5px 0;}

Obrigada!!!!!!

Priscila.