ANTICHAT - Показать сообщение отдельно - [HTML, Css]

У меня вопрос как сделать на сайте _ownzone.at.ua
2 верхних рисунка чтобы их было полностю видно...
Код HTML:
<html>  <head>    <title>[TITLE]</title>  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />  <meta http-equiv="charset" content="windows-1251">  <meta http-equiv="vw96.object type" content="Homepage">    <link type="text/css" rel="StyleSheet" href="http://s19.ucoz.net/src/layer3.css" /><script type="text/javascript" src="http://s19.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlockL {display:none}</style>  </head>    <body style="margin:0px; padding:0px; background-color: #000000;color: #000000;">    <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: url('/img/s3.gif') repeat-x;"><tr><td align="center">  <!-- Header -->  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="height: 200px;">  </td></tr>  <tr><td align="center" height="15"></td></tr>  </table border="0" cellpadding="0" cellspacing="0" width="100%" style="height: 200px;" width: 600px;">   <td style="background: url('/img/s2.gif') no-repeat top right; width: 800px; height: 200px;">  <table cellpadding="0" cellspacing="0" border="0" width="100%">        </table>   </td>  </tr>  </table>  <!-- /Header -->  <br>  <center>  <table align="center">   <A href="/"   onmouseout="document.mypic1.src='/img/1off.jpg'" onmouseover="document.mypic1.src='/img/1on.jpg'"><IMG border=0 name=mypic1 src="/img/1off.jpg"></A><A href="/forum"   onmouseout="document.mypic2.src='/img/2off.jpg'" onmouseover="document.mypic2.src='/img/2on.jpg'"><IMG border=0 name=mypic2 src="/img/2off.jpg"></A><A href="/load"   onmouseout="document.mypic3.src='/img/3off.jpg'" onmouseover="document.mypic3.src='/img/3on.jpg'"><IMG border=0 name=mypic3 src="/img/3off.jpg"></A><A href="/publ"   onmouseout="document.mypic4.src='/img/4off.jpg'" onmouseover="document.mypic4.src='/img/4on.jpg'"><IMG border=0 name=mypic4 src="/img/4off.jpg"></A>   </table></center>    <!-- Body -->    <table border="0" cellpadding="0" cellspacing="0" width="100%">  <tr>  <td valign="top" style="width:186px;padding:0 0 0 0px;">          <!-- -->    <table border="0" cellpadding="0" cellspacing="0" width="245">  <tr><td><img src="/img/menu.jpg" border="0"></td></tr>  <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$GLOBAL_AAMENU$</center></td></tr>  <tr><td><img src="/img/niz.jpg" border="0"></td></tr>  <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr>  </table>    <!--/-->    <!-- -->    <table border="0" cellpadding="0" cellspacing="0" width="245">  <tr><td><img src="/img/pro.jpg" border="0"></td></tr>  <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$GLOBAL_PRO$$LOGIN_FORM$</center></td></tr>  <tr><td><img src="/img/niz.jpg" border="0"></td></tr>  <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr>  </table>    <!--/-->    <!-- -->  <?if($CHAT_BOX$)?>  <table border="0" cellpadding="0" cellspacing="0" width="245">  <tr><td><img src="/img/chat.jpg" border="0"></td></tr>  <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$CHAT_BOX$</center></td></tr>  <tr><td><img src="/img/niz.jpg" border="0"></td></tr>  <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr>  </table>  <?endif?>  <!--/-->    <!-- -->  <?if($POLL$)?>  <table border="0" cellpadding="0" cellspacing="0" width="245">  <tr><td><img src="/img/poll.jpg" border="0"></td></tr>  <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$POLL$</center></td></tr>  <tr><td><img src="/img/niz.jpg" border="0"></td></tr>  <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr>  </table>  <?endif?>  <!--/-->    <!-- -->  <?if($COUNTER$ || $ONLINE_COUNTER$)?>  <table border="0" cellpadding="0" cellspacing="0" width="245">  <tr><td><img src="/img/stat.jpg" border="0"></td></tr>  <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center><center>$COUNTER$<?if($ONLINE_COUNTER$)?> <hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?>  </center></center></td></tr>  <tr><td><img src="/img/niz.jpg" border="0"></td></tr>  <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr>  </table>  <?endif?>  <!--/-->    </td>    <td valign="top" style="padding:0px 10px 0px 10px;">      <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">  <tr><td width="70" height="70"><img src="/img/l.jpg" border="0"></td><td align="center" valign="top" style="background-image:url('/img/v.jpg'); color:#49bb25; padding-top: 30px; "><b>Реклама</b></td>  <td width="70" height="70"><img src="/img/p.jpg" border="0"></td></tr>  <tr>  <td style="background-image: url('/img/b.jpg');"></td>  <td style="background-image: url('/img/n.jpg');">  <ul class="uz">  </ul><div align="center">  <span style="color: rgb(255, 137, 41);"></span><font color="#49bb25">  <center><a href="http://stalker-cop.3dn.ru/" target="_blank" alt="S.T.A.L.K.E.R.: Зов Припяти"><center><img src="http://stalker-cop.3dn.ru/banners/BANNER.gif" alt="S.T.A.L.K.E.R.: Зов Припяти" title="S.T.A.L.K.E.R.: Зов Припяти" width=468 height=60 border=0></center></a></center>  <td style="background-image: url('/img/p2.jpg');"></td>  </tr>  <tr><td width="70" height="70"><img src="/img/l2.jpg" border="0"></td><td style="background-image: url('/img/n2.jpg');"></td><td width="70" height="70"><img src="/img/p3.jpg" border="0"></td></tr>  </table>    <br>    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">  <tr><td width="70" height="70"><img src="/img/l.jpg" border="0"></td><td align="center" valign="top" style="background-image:url('/img/v.jpg'); color:#ff7800; padding-top: 30px; "></td>  <td width="70" height="70"><img src="/img/p.jpg" border="0"></td></tr>  <tr>  <td style="background-image: url('/img/b.jpg');"></td>  <td style="background-image: url('/img/n.jpg');">  <ul class="uz">  </ul><div align="center">  <span style="color: rgb(255, 137, 41);"></span><font color="#49bb25">  <center>[BODY]</center>  <td style="background-image: url('/img/p2.jpg');"></td>  </tr>  <tr><td width="70" height="70"><img src="/img/l2.jpg" border="0"></td><td style="background-image: url('/img/n2.jpg');"></td><td width="70" height="70"><img src="/img/p3.jpg" border="0"></td></tr>  </table>        </table>  </td>    <td valign="top">      </tr>  </table>  <!-- /Body -->    <!-- Footer -->  <div style="text-align:center;padding:5px 10px 5px 10px;">  <p align="center"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" style="background:url('/img/nizc.jpg') #000000;">  <tr><td><img src="/img/niz1.jpg" border="0"></td><td align="center" style="color:#cccccc;">Design by Memories ICQ: 8868673 © 2009<br><br>$POWERED_BY$<td align="right"><img src="/img/niz2.jpg" border="0"></td></tr>  </table>  <!-- /Footer -->  <tr>     </tr>   </table>  </p>  </div>  </body>    </html>    <!-- <popup> -->  <table border="0" cellpadding="2" cellspacing="1" style="background:#585858;" width="100%">  <tr><td style="background:url('/img/poloska.png') no-repeat;height:38px;color:#FFFFFF;" align="center"><b>[TITLE]</b></td></tr>  <tr><td align="center" style="background:#000000;padding:10px;">[BODY]</td></tr>  </table>  <!-- </popup> -->
html.txt
скрин1(справо)
скрин2(слево)