div tags virker ikke som de skal

Hej jeg sidder med det problem at jeg ikke kan få mine div tags til at ligge efter hinanden. Mening er at mit site skal opbygges nogenlunde lige som eksperten.dk, men det går lidt fra hinanden. Felterne 1,2,3 & 4,5,6 skal ligge på en vandret række efter hinanden.
Det er nok et lille problem, men jeg kan ikke lige få det til at virke. Min kode ser således ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<STYLE type=text/css>

.content-boxed {
color: #8E8E8E;
font-family:tahoma,arial,verdana;
font-size: 12px;
border-width: 1px;   
border-style: solid ;   
border-color: #8E8E8E;
padding: 10px;
}


</STYLE>
</HEAD>

<BODY bgcolor="CCCCCC">
<CENTER>
<TABLE bgcolor="FFFFFF" align="center" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="780" bgcolor="CCCCCC">
</TD>
</TR>
<TR>
<TD bgcolor="EFEFEF">

</TD>
</TR>
<TR>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="0">
<div class="content-boxed" style="float:center; width:780px; height:66px;">top_banner</div>
<div class="content-boxed" style="float:center; width:780px; height:66px;">serach_field</div>


<div class="content-boxed" style="float: left; width: 150px;">1
</div>

<div class="content-boxed" style="float: center; width: 480px;">2
</div>

<div class="content-boxed" style="float: right; width: 150px;">3
</div>

<div class="content-boxed" style="float: left; width: 150px; height:400px;">4
</div>
<div class="content-boxed" style="float: center; width: 480px; height:400px;">5
</div>
<div class="content-boxed" style="float: right; width: 150px; height:400px;">6
</div>


   



</TABLE>


</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>