Kada radiš u Dreamweaveru uvek vodi računa da će pomoćne ikonice da ti utiču na krajnji izgled šablona. Dakle pre nego što pomisliš da si završio posao kako treba pritisni kombinaciju CTRL+SHIFT+I u FW-u da bi isključio sva pomoćna sredstva kako bi video kako će stvarno stranica da ti bude izrendana...u većini slučajeva. Kod tebe je problem što pokušavaš apsolutno pozicioniranim DIV kontejnerom da se ušteliš u postojeći layout... Bad thing to do my young Padawan... :) Div kontejneri se skoro nikada ne pozicioniraju apsolutno u slučajevima kada je važna fluidnost layouta. Da ne dužim... Evo kako bi tvoj kod trebao da izgleda....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
color: #333;
}
#apDiv1 {
position:absolute;
width:223px;
height:43px;
z-index:1;
top: 227px;
left: 750px;
}
#apDiv2 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 759px;
top: 286px;
}
-->
</style>
</head>
<body text="#333333" link="#993300" vlink="#993300" alink="#993300">
<div align=center>
<table width="800" border="0" align="center">
<tr>
<td><img src="images/layout_01.gif" width="303" height="152" /><img src="images/layout_02.gif" width="211" height="152" /><img src="images/layout_03.gif" width="269" height="152" /></td>
</tr>
</table>
</div>
<div align=center>
<table width="806" border="0" align="center">
<tr>
<td><img src="images/layout_04.gif" width="92" height="36" /><img src="images/layout_05.gif" width="18" height="36" /><img src="images/layout_06.gif" width="69" height="36" /><img src="images/layout_07.gif" width="19" height="36" /><img src="images/layout_08.gif" width="80" height="36" /><img src="images/layout_09.gif" width="17" height="36" /><img src="images/layout_10.gif" width="97" height="36" /><img src="images/layout_11.gif" width="17" height="36" /><img src="images/layout_12.gif" width="102" height="36" /><img src="images/layout_13.gif" width="22" height="36" /><img src="images/layout_14.gif" width="173" height="36" /><img src="images/layout_15.gif" width="90" height="36" /></td>
</tr>
</table>
<div align=center><table width="800" border="1" align="center" cellpadding="20">
<tr>
<td width="551" height="800" align="center"> </td>
<td width="233" height="800">
<div id="apDiv1"><form action="http://www.zanat.rs/Pages/Google.html" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="014174298231988165728:4ncz52dfq38" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="15" />
<input type="submit" name="sa" value="Traži" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
</div></td>
</tr>
</table>
<div align=center><table width="800" border="1">
<tr>
<td width="552" height="100"><img src="images/footer552.gif" width="552" height="100" /></td>
<td width="232"><img src="images/footer232.gif" width="232" height="100" /></td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
Sve što je trebalo da uradiš je da pomeriš kontejner ApDiv1 malo ulevo da sadržaj ne bi izlazio desno. Takođe, nikada se ne oslanjaj na dužinu tekstualnih polja da bude ista u svim browserima. To ne može da bude.
Generalno ovako može da posluži ali previše mešaš tabele i DIV kontejnere tako da ako nameravaš da se ozbiljnije pozabaviš web dizajnom obrati pažnju malo više na CSS ;)