Alinhamento DIV

Boa tarde pessoal, tenho um site com algumas DIVs porém descobri que no Internet Explorer e no Firefox as DIVs ficam à esquerda e eu gostaria que ficassem no centro.

Segue CSS:

 .quadrados {
 float: left;
 display: inline;
 width: 32%;
 }

E o HTML:

<div class="quadrados" align="center">
<table border='0' align='left' cellpadding='3' cellspacing='0' style="display:inline;">
<tr>
 <td colspan='7'>
 <img src='images/camping.jpg' alt='Camping' border="0">
 </td>
 </tr>
<?php
$sql = mysql_query("SELECT nome , cidade

FROM camping WHERE 1 ORDER BY RAND( )

LIMIT 5");

$cont = mysql_num_rows($sql);
$cont = 0;

while ($row = mysql_fetch_array($sql)) {
if ($cont % 2 == 0)
{

$cor = "http://www.tallybaby.com.br/painel/imagens/frank.jpg";
}

else
{

$cor = "http://www.tallybaby.com.br/painel/imagens/frank2.jpg";
}

echo "<tr style='background: url(".$cor.")'>";
echo "<td><b><font color='blue' style='font-size:13px; font-weight:bold;' align='left'><b><a href='camping.php?nome=".$row['nome']."' target='_blank'>".$row['nome']."</b></a></td>";
echo "<td><center><b><font color='forestGreen' style='font-size:14px;'>-</b></center></td>";
echo "<td><b><font color='blue' style='font-size:13px;text-align:right; font-weight:bold;'><b><a href='camping.php?nome=".$row['nome']."' target='_blank'>".$row['cidade']."</b></a></td>";
echo "</tr>";
$cont = $cont + 1;
}

?>
</table>
</div>

<div class="quadrados" align="center">
<table border='0' align='left' cellpadding='3' cellspacing='0' style="display:inline;">
<tr>
 <td colspan='7'>
 <img src='images/camping.jpg' alt='Camping' border="0">
 </td>
 </tr>
<?php
$sql = mysql_query("SELECT nome , cidade

FROM camping
WHERE 1
ORDER BY RAND( )

LIMIT 5");

$cont = mysql_num_rows($sql);
$cont = 0;

while ($row = mysql_fetch_array($sql)) {
if ($cont % 2 == 0)
{

$cor = "http://www.tallybaby.com.br/painel/imagens/frank.jpg";
}

else
{

$cor = "http://www.tallybaby.com.br/painel/imagens/frank2.jpg";
}

echo "<tr style='background: url(".$cor.")'>";
echo "<td><b><font color='blue' style='font-size:13px; font-weight:bold;' align='left'><b><a href='camping.php?nome=".$row['nome']."' target='_blank'>".$row['nome']."</b></a></td>";
echo "<td><center><b><font color='forestGreen' style='font-size:14px;'>-</b></center></td>";
echo "<td><b><font color='blue' style='font-size:13px;text-align:right; font-weight:bold;'><b><a href='camping.php?nome=".$row['nome']."' target='_blank'>".$row['cidade']."</b></a></td>";
echo "</tr>";
$cont = $cont + 1;
}

?>
</table>
</div>

<div class="quadrados" align="center">
<table border='0' align='left' cellpadding='3' cellspacing='0' style="display:inline;">
<tr>
 <td colspan='7'>
 <img src='images/camping.jpg' alt='Camping' border="0">
 </td>
 </tr>
<?php
$sql = mysql_query("SELECT nome , cidade

FROM camping
WHERE 1
ORDER BY RAND( )

LIMIT 5");

$cont = mysql_num_rows($sql);
$cont = 0;

while ($row = mysql_fetch_array($sql)) {
if ($cont % 2 == 0)
{

$cor = "http://www.tallybaby.com.br/painel/imagens/frank.jpg";
}

else
{

$cor = "http://www.tallybaby.com.br/painel/imagens/frank2.jpg";
}

echo "<tr style='background: url(".$cor.")'>";
echo "<td><b><font color='blue' style='font-size:13px; font-weight:bold;' align='left'><b><a href='camping.php?nome=".$row['nome']."' target='_blank'>".$row['nome']."</b></a></td>";
echo "<td><center><b><font color='forestGreen' style='font-size:14px;'>-</b></center></td>";
echo "<td><b><font color='blue' style='font-size:13px;text-align:right; font-weight:bold;'><b><a href='camping.php?nome=".$row['nome']."' target='_blank'>".$row['cidade']."</b></a></td>";
echo "</tr>";
$cont = $cont + 1;
}

?>
</table>
</div>

No Chrome essas 3 DIVs ficam uma ao lado da outra alinhadas no centro porém nos outros navegadores não.

Desde já agradeço,

Vitor