Problemas com exibição de DIV'S e Código PHP

Bom dia a todos, novamente precisando de ajuda rsrsr..

Estou começando com programação web (PHP+HTML+CSS), estou desenvolvendo um pequeno sistema web aqui para empresa na qual eu trabalho, aonde serão exibidos de um lado

(esquerdo) os itens cadastrados no sistema, e do lado direito a produção destes itens, porém não consigo deixar as duas opções lado a lado.

• Se eu excluír o código PHP do bloco de exibição da produção, funciona certinho, aparecem as duas div's uma do lado direito e outra do esquerdo como deveria

funcionar, porém se eu colocar de volta esse código bagunça com tudo, alguém saberia me dizer o porque ? Tenho quase certeza que o erro está neste código php porém não

sei dizer aonde!

Muito Obrigado a todos, desde já agradeço!

Att VB

<-- HTML + PHP -->

<--Bloco de exibição da produção -->

 <div class="tabelaExibeProducao"> Minerio:

 <?php
 include '../bd/conecta.php';
 $sqlProducao = "SELECT * FROM producao ";
 $queryProducao = mysql_query($sqlProducao);
 while ($exibeProducao = mysql_fetch_array($queryProducao)) {

 echo '<table>';

 echo '<tr>

 <td >' . utf8_encode($exibeProducao['id']) . '</td>
 <td>' . utf8_encode($exibeProducao['produto']) . '</td>
 <td >' . utf8_encode($exibeProducao['quantidade']) . '</td>
 <tr></tr>
 </tr>';
 }
 ?>

 </div>

<--Bloco de exibição dos produtos -->

 <div class="tabelaExibeProduto" >Produto:

 <?php
 include '../bd/conecta.php';
 $sqlProduto = "SELECT * FROM produto ";
 $queryProduto = mysql_query($sqlProduto);

 while ($exibeProduto = mysql_fetch_array($queryProduto)) {

 echo '<table>';

 echo '<tr>

 <td >' . utf8_encode($exibeProduto['id'] . " ------") . '</td>
 <td>' . utf8_encode($exibeProduto['nome']) . '</td>

 <tr></tr>
 </tr>';
 }
 ?>

 </div>

<-- CSS -->

.modal-footer { border-top: 0px; }

#menuTopo a{

 border-style:solid;
 border-color: #31b0d5;
 color: #000;
 padding: 15px;
 margin-right: 5px;
 font-size: 20px;
 font-family: cursive;

}

#saudacao{
 font-size: 16px;
 font-family: serif;
 color: #000;
 text-align: center;

}

.tabelaFormularioProduto {
 margin-left: 20px;
 margin-right: 5px;
 border-collapse: separate;
 border-spacing: 10px;
 table-layout: auto;
 overflow: auto;
}

.tabelaExibeProduto{
 float: left;
 width: 30%;
 background: #dff0d8;
 // font-size: 14px;
 // text-align: center;
 // padding: 1px;
 // margin-left: 20px;
 // border-collapse: separate;
 // border-spacing: 2px;
 // table-layout: auto;
 // overflow: auto;

}
.tabelaExibeProducao{
 float:right;
 width: 30%;
 background: #67b168;
 // font-size: 14px;
 // text-align: center;
 // padding: 1px;
 // margin-left: 20px;
 //border-collapse: separate;
 //border-spacing: 2px;
 //table-layout: auto;
 //overflow: auto;

}