<html>
<head>
<title>Untitled</title>
</head>
<body TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 bottommargin=0 rightmargin=0>
<TABLE BORDER=0 WIDTH=100% HEIGHT="height of your image" BACKGROUND="name of your image-top image" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH=100%>nbsp</TD>
</TD>
</TR>
</TABLE>
<TABLE BORDER=0 WIDTH=100% CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH="width of your border image" background="name of your border image-left side image">
<img src="invisible.gif" border="0" width="width of your border image" height="1"> </TD>
<TD width="*" valign="top">
YOUR BODY TEXT AND IMAGES GO HERE-Don't worry if when you look at this without text or images that it doesn't look long enough, it will scroll down as you put them in.
</TD>
<TD WIDTH="width of your border image" background="name of your border image-right side image">
<img src="invisible.gif" border="0" width="width of your border image" height="1"> </TD>
</TR>
</TABLE>
</body>
</html>You need an invisible or clear gif to make this work.
Download the invisible gif here.
If you want a border on the bottom also you can put the top border table last and have a bottom border too.