tabulky

Chtěl bych mít tři tabulky, tak dvě tabulky byly pod tou první vedle sebe.
Poraďete jak to udělat

<table>
<tr><td>
<table>
<tr><td></td></tr>
</table>
<table>
<tr><td>
<table><tr><td></td></tr>
</table>
<td><table><tr><td></td></tr></table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<style type="text/css">
<!--
table { margin: 1em }
#table2 { float: left }
-->
</style>

..............

<div>
<table id="table1">
</table>
<table id="table2">
</table>
<table id="table3">
</table>
</div>

No vnořovat tabulky rozhodně nechci, to se mi moc nehodí.

Když dam ten float, tak se mi různě velký tabulky vedle sebe centrujou a nezačínají stejně od zhora. Co stim?

Dej někde screenshot nebo ukázku...

no už jsem to nějak vyřešil.
Teď mi ale nefunguje v css tohle:

input[type="text"] {
height: 1.5em;
border-left: 1px dashed #FFA663; border-bottom: 1px dashed #FFA663; border-right: none; border-top:none;}

Respektive v mozille to jede ale v IE ne, tam se to jaksi ignoruje.

> input[type="text"]
IE tyto atributy neumí. Proto se jich zatím příliš využít nedá, spíše nyní slouží pro všelijaké css-hacky na neschopnost IE.

a[atr] ... podporuje: Netscape6/Mozilla1, Opera4 i 5
a[atr=hodn] ... podporuje: jen Netscape6/Mozilla1
a[atr~=hodn] ... podporuje: Netscape6/Mozilla1, Opera4 i 5
a[atr|=hodn] ... podporuje: jen Netscape6/Mozilla1, Opera navíc interpretuje špatně