Currently, the logo and headers are slipping under the table.
Need to keep this from happening.
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
>>>>>> Original code for old top box. <<<<<<<<<<
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table1">
<tr>
<td>
<div style="position: absolute; width: 539px; height: 45px; z-index: 3; left: 0px; top: 9px; padding: 4px" id="layer3">
<font color="#FFFFFF" face="Times New Roman">
<span style="letter-spacing: 4px; font-weight: 400"><i> <font size="5">....<br>
</font><font size="2"> </font></i>
</span>
<i><font size="3"><span style="letter-spacing: 4px; font-weight: 700">"..."</span
></font><s
pan style="letter-spacing: 4px; font-weight: 700"><br>
</span></i></font></
div>
<img name="header_r1_c1" src="../images/header_r1_c
1.gif" width="735" height="100" border="0" alt=""></td>
<td background="../images/head
er_r1_c2.g
if" width="100%">
<img name="header_r1_c2" src="../images/header_r1_c
2.gif" width="12" height="100" border="0" alt=""></td>
<td>
<img name="header_r1_c3" src="../images/header_r1_c
3.gif" width="13" height="100" border="0" alt=""></td>
<td>
<img src="../images/spacer.gif"
width="1" height="100" border="0" alt=""></td>
</tr>
</table>
>>>>>>>> New code for logo and box. <<<<<<<
<div align="center">
<table border="0" cellpadding="10" cellspacing="0" style="border-collapse: collapse" id="table10">
<tr>
<td>
<div class="BoxtopLeftCorner">
<div class="BoxtopRightCorner">
<div class="BoxbottomLeftCorner
">
<div class="BoxbottomRightCorne
r">
<div class="Boximage">
<img src="../images/logo.jpg" alt="....">
</div>
</div>
</div>
</div>
</div>
</td>
<td>
<div class="roundcont">
<span class="topgif"><img src="../images/content_r1_
c2.gif" alt="" width="548" height="17"></span>
<span class="cornertl"><img src="../images/content_r1_
c1.gif" alt="" width="19" height="17"></span>
<span class="cornertr"><img src="../images/content_r1_
c3.gif" alt="" width="19" height="17"></span>
<div class="header">
<h1><%= trim(ud_Keyword) %></h1>
<BR> </BR>
<h2>Text 2</h2>
<h3>Text 3</h3>
</div>
<div class="bottomgif">
<span class="cornerbl"><img src="../images/content_r3_
c1.gif" alt="" width="16" height="25"></span>
<span class="cornerbr"><img src="../images/content_r3_
c3.gif" alt="" width="19" height="25"></span>
</div>
</div>
</td>
</tr>
</table>
</div>