I have modified my menu.php page so it can show more information to the user when they logged in, but somehow i have a problem with sizing and positioning of my custom table, in "desing mode" the table looks ok, but when I tested online it looks just wrong.
DESIGN MODE

TESTING MODE

Here's my code:
<TBODY>
<TR>
<TD style="WIDTH: 418px" id=contents_block>
<DIV id=header_block class=upeditmenu>{BEGIN loggedas_block}<SPAN>Logged on as <B>{$username}</B> </SPAN>{END loggedas_block}{BEGIN logout_link}<A class=tablelinks href="login.php?a=logout" {$logoutlink_attrs}>Log out</A>{END logout_link} </DIV><!-- MainMenuBegin -->
<DIV class="shade captions" align=center>{$mainmenu}</DIV>
<TR height=20>
<TD style="BACKGROUND-COLOR: #9bb7d4; WIDTH: 418px">
<P align=center> <FONT size=2><STRONG>Company Summary</STRONG>
</FONT></P></TD></TR>
<TR>
<TD style="BACKGROUND-COLOR: #e4eceb; WIDTH: 418px">
<P align=center> {$event Sumary_Snippet}</P></TD></TR></TBODY>
<DIV></DIV><!-- MainMenuEnd --></TD></TR></TBODY></TABLE>
<P>{$footer} </P>{END body}</BODY></HTML>
Any idea? thanks