table layout wrong in IE(7)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    	<TITLE>test</TITLE>
    </head>
    <body>
    	<table  id="MainTable" cellspacing="0" cellpadding="0" border="1">
    	<tbody>
    		<tr>
    			<td colspan="4">
    				<div style='width:769; height:192;'>192
    				</div>
    			</td>
    		</tr>
    		<tr>
    			<td colspan="2" valign="top">
    				<div style='width:383; height:100;'>100
    				</div>
    			</td>
    			<td rowspan="2" valign="top">
    				<div style='width:190; height:200;'>200
    				</div>
    			</td>
    			<td rowspan="2" valign="top">
    				<div style='width:190; height:200;'>200
    				</div>
    			</td>
    		</tr>
    		<tr>
    			<td  valign="top" rowspan="2">
    				<div style='width:190; height:200;'>200
    				</div>
    			</td>
    			<td  valign="top" rowspan="2">
    				<div style='width:190; height:200;'>200
    				</div>
    			</td>
    		</tr>
    		<tr>
    			<td valign="top">
    				<div style='width:190; height:100;'>100
    				</div>
    			</td>
    			<td valign="top" >
    				<div style='width:190; height:100;'>100
    				</div>
    			</td>
    		</tr>
    		<tr>
    			<td colspan="2">
    				<div style='width:383; height:100;'>100
    				</div>
    			</td>
    			<td colspan="2">
    				<div style='width:383; height:100;'>100
    				</div>
    			</td>
    		</tr>

    		<tr>
    			<td>
    				<div style='width:190; height:100;'>100
    				</div>
    			</td>
    			<td>
    				<div style='width:190; height:100;'>100
    				</div>
    			</td>
    			<td colspan="2">
    				<div style='width:383; height:100;'>100
    				</div>
    			</td>
    		</tr>
    	</tbody>
    	</table>
    </body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">