Tabellen layout(mit divs)

[Peppi898]

Einen wunderschönen guten morgen zusammen.

Habe folgendes Problem, und zwar habe ich eine normale Tabelle gemacht, darin dann eine Div und der Inhalt der div wird mittig der Tabelle angezeigt. Der Inhalt steht also nicht oben am Rand sondern in der Mitte am Rand. Dieses Problem hatte ich jetzt schon öfters und durch ein paar spielereinen auch immer gelöst - jetzt will es sich aber glaube ich nicht lösen lassen.

Hier der Quelltext:
-->"<div id="formatierung_div_navi">
<table bgcolor="#0000ff" cellpadding="0" cellspacing="0" width="150px"               height="100%">
 <tr>
  <td cellpadding="0" cellspacing="0" width="130px" height="20px">
    &nbsp;MAIN
  </td>
 </tr>
 <tr>
  <td>
    <!-- weitere tr´s - weiterer Inhalt.-->
  </td>
 </tr>
</table></div>
<td width="500px">
<div id="formatierung_div_infobox">
<table cellpadding="0" cellspacing="0" width="500px" height="15px">
 <tr>
  <td cellpadding="0" cellspacing="0" width="500px" height="15px">
  &nbsp;hallo2
  </td>
 </tr>
</table>
</div>
</td>"<--

So dieser Quelltext steht jetzt innerhalb einer Tabelle.
Hier nochmal die css definitionen:
#formatierung_div_infobox {
 width:500px;
 height:15px;
 background-color:#ff00ff;
 margin:0px;
 border-width:0px;
 color:#ff3311;
}
Hoffe man kann mir weiter helfen.

MfG Patrick