Two tables side by side and at bottom

by panosang

HTML

<table id="lefttable">
            <tr>
                    <td>Left</td>
                    <td><div></div></td>
            </tr>
            <tr>
                    <td>Left2</td>
                    <td><div></div></td>
            </tr>
        </table>
        <table id="righttable">
            <tr>
                    <td>Right</td>
                    <td><div></div></td>
            </tr>
            <tr>
                    <td>Right2</td>
                    <td><div>
                    </div></td>
            </tr>
        </table>

CSS

#righttable{ float: right; position: absolute; width:22.5%; margin-top: 400px; border: 1px solid red;}
#lefttable{ float: left; position: absolute; width:22.5%; margin-top: 400px; margin-left: 500px; border: 1px solid red;}