Как связать элементы?!

[S@IIIOk]

Вообщем делаю чат на UCOZ сайт. Есть чат, есть нарисованная .png рамка для него. И так, вопрос.... Как засунуть чат в рамку?
Вот исходники:

Это рамка:
<table style="background: transparent url(http://tver-server-cs.ucoz.ru/Chat/fonchata_2.png) repeat-x scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><div align="left"><img src="http://tver-server-cs.ucoz.ru/Chat/fonchata_1.png"></div></td><td><div align="right"><img alt="" src="http://tver-server-cs.ucoz.ru/Chat/fonchata_3.png"></div></td></tr></tbody></table>

Это бокс чата:
<center><div class="mychat">$CHAT_BOX$</div></center>

[Маэстро]

Как засунуть чат в рамку?

А, может, не стоит его туда засовывать, а просто использовать картинку в качестве фона background контейнера "mychat"? Типа такого:

<div class="mychat" style="background-image:url(http://tver-server-cs.ucoz.ru/Chat/fonchata_1.png)">$CHAT_BOX$</div>

[S@IIIOk]

Картинка разбита на 3 части, при изменении размера браузера она расширяется и сжимается. Конечно она будет фоном чата, но как именно это сделать?!

[Маэстро]

Ваша тема похожа на
Как правильно сверстать интерфейс подбора рамок для фотографий
Там есть варианты решения.