rendered paste body<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html> <head>
<title></title>
</head>
<body>
<h1></h1>
<style>
.container {
position: absolute;
top: 20%;
left: 10%;
width: 593px;
height: auto;
border: 0px solid green;
}
.side {
position: absolute;
height: 100%;
width: 82px;
background-image: url("msg-spacer-left.gif");
background-repeat: repeat-y;
}
.side2 {
position: absolute;
height: 100%;
right: 0px;
top: 0px;
width: 45px;
background-image: url("msg-spacer-right.gif");
background-repeat: repeat-y;
}
.content {
position: relative;
margin-left: 82px;
margin-right: 45px;
height: auto;
with: 100%;
z-index: 2;
}
.bottom1 {
position: absolute;
bottom: -50px;
left: 0px;
z-index: 1;
}
.bottom2 {
position: absolute;
bottom: -50px;
left: 82px;
z-index: 1;
}
.bottom3 {
position: absolute;
bottom: -50px;
left: 548px;
z-index: 1;
}
.top1 {
position: absolute;
top: -87px;
}
.top2 {
position: absolute;
top: -87px;
left: 82px;
}
.top3 {
position: absolute;
top: -87px;
right: 0px;
}
.line {
position: absolute;
top: -20px;
left: 82px;
}
</style>
<div class="container">
<img class="top1" src="msg-corner-ster.gif"/>
<img class="top2" src="msg-top.gif"/>
<img class="top3" src="msg-top-right.gif"/>
<img class="line" src="msg-line.gif"/>
<div class="side" style="border: 0px solid red"> </div>
<div class="content" style="border: 0px solid red">
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
<p>
jdfhjksfhjksd
</p>
</div>
<div class="side2" style="border: 0px solid red"> </div>
<img class="bottom1" src="msg-bottom-left.gif"/>
<img class="bottom2" src="msg-bottom.gif"/>
<img class="bottom3" src="msg-bottom-right.gif"/>
</div>
</body
</html>