How can I position the div tag to resemble a table in the correct order?
<html>
<head><title> .</title>
<link rel="stylesheet" type="text/css" href="style/main.css"/>
<script type="text/javascript" src="script/ajax.js"></script>
<script type="text/javascript" src="script/validate.js"></script>
<script type="text/javascript" src="script/date-picker.js"></script>
</head>
<body>
<div onclick="show_tb()" style="width:70%;float:left;" class="title_mrwat" >
NEW MARWAT OIL TRANSPORTER
</div>
<div style="width:30%;float:right;">
<address>
Address:P/O Box 564, Landekotal Peshawar<br />
Phone: +12 34 56 78
</address>
</div>
<div style="width:50%;float:left;">
<img src="images/pso.jpg" height="45" width="45" />
<img src="images/total.jpg" height="50" width="55" />
<img src="images/shell.jpg" height="50" width="45" />
<img src="images/caltex.jpg" height="35" width="35" />
<img src="images/attock.jpg" height="40" width="40" />
</div>
<div style="width:50%;float:right;" id="tb">
<input type="button" value="product" onmouseover="className='menuon';" onmouseout="className='menuoff';" onclick="loadXMLDoc('product/','formTag' ,'')" value="product">
<input type="button" value="owner" onclick="loadXMLDoc('owner/','formTag')" value="shipment" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input type="button" onclick="loadXMLDoc('vehicle/','formTag')" value="vehicle" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input type="button" onclick="loadXMLDoc('route/','formTag')" value="route" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input type="button" value="shipment" onclick="loadXMLDoc('ship/','formTag')" value="shipment" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input type="button" id="bt" value="report" onclick="show_form()" style="background-color:#E6E6DC;" >
</div>
<div id="responseTag" class="show_rpt" style="width:100%;">
</div>
<div id="div_added" class="div_add">
</div>
<div id="formTag">
</div>
</body>
</html>