[Problema] Listagem php + mysql

Boa noite pessoal,

A listagem está ocorrendo sem problemas, eu não estou sabendo é encaixar os elementos com as divs pra que fique organizado da forma corretamente, a consulta pesquisa em 2 tabelas primeiro as categorias existentes e depois os produtos cadastrado nas categorias pra exibir abaixo do nome da categoria.

Vou colocar aqui o código que fiz com a consulta e o código sem consulta que fica direitinho.

Se alguém puder me ajudar eu ficaria muito grato, estou precisando resolver esse probleminha pra entregar o site pro cliente. Valeu galera.

Formatação sem consulta que está correta:

<div id="cardapio-objeto">
<div class="conteudo-box-cardapio-categoria">$linha[TITULO]</div>
 <div class="cardapio-item">
 <div class="cardapio-img"><img src="admin/cardapio/sistema/imagens/capa/$linha[Capa]" width="70px" /></div>
 <div class="cardapio-informacoes">
 <b><font color="#baac96" face="Arial">$linha[produto]</font></b><br />
 <font color="#FFF" face="Arial">R$ $linha[preco]</font><br />
 <font color="#baac96" face="Arial" size="2px">R$ $linha[descricao]</font>
 </div>
</div>
<div class="cardapio-item">
 <div class="cardapio-img"><img src="admin/cardapio/sistema/imagens/capa/$linha[Capa]" width="70px" /></div>
 <div class="cardapio-informacoes">
 <b><font color="#baac96" face="Arial">$linha[produto]</font></b><br />
 <font color="#FFF" face="Arial">R$ $linha[preco]</font><br />
 <font color="#baac96" face="Arial" size="2px">R$ $linha[descricao]</font>
 </div>
 </div>
</div>

Formatação com consulta mas que está ficando errado:

<?php
$sql = mysql_query("SELECT * FROM categorias");

if(mysql_num_rows($sql) < 1) {

 echo "<font size='2px'>Nenhuma categoria foi encontrada!</font>"; } else {
 while($linha = mysql_fetch_array($sql)) {
 echo "<div id='cardapio-objeto'>
 <div class='conteudo-box-cardapio-categoria'>$linha[nome]</div>";
 $sqlprodutos = mysql_query("SELECT * FROM cardapio WHERE idCategoria = $linha[id]");
 if(mysql_num_rows($sqlprodutos) < 1 ) {
 echo "<font size='2px'>Nenhum produto foi encontrado!</font>"; } else {
 while($linhab = mysql_fetch_array($sqlprodutos)) {
 echo "<div class='cardapio-item'>
 <div class='cardapio-img'><img src='admin/cardapio/sistema/imagens/foto/$linhab[Capa]' width='70px' /></div>
 <div class='cardapio-informacoes'>
 <b><font color='#baac96' face='Arial'>$linhab[titulo]</font></b><br />
	<font color='#FFF' face='Arial'>R$ $linhab[preco]</font>
 </div>
 </div>"; } } } } ?>

Se alguém puder me ajudar eu agradeço.

Pra ver o que está acontecendo segue o link:

http://www.obotequim.net/index.php?sub=_inc&secao=cardapio