Вот, написал вкратце... Исход из этого, можешь заточить как нужно тебе
<HTML>
<HEAD>
<STYLE>
BODY {
margin-top: 0px; margin-bottom: 0px;
margin-left: 0px; margin-right: 0px;
padding-top: 0px; padding-bottom: 0px;
padding-left: 0px; padding-right: 0px;
}
.Top_img {
Background-Image: url('1.jpg');
Background-Repeat: no-repeat; Background-Position: bottom center;
}
.Middle_img {
Background-Image: url('2.jpg');
Background-Repeat: no-repeat; Background-Position: center center;
}
.Bottom_img {
Background-Image: url('3.jpg');
Background-Repeat: no-repeat; Background-Position: top center;
}
</STYLE>
</HEAD>
<BODY>
<CENTER>
<TABLE border=0 width="100%" height="100%" cellpadding=0 cellspacing=0>
<TR>
<TD class="Top_img"><IMG src="empty.gif" width=1 height=1></TD>
</TR>
<TR>
<TD height=450 class="Middle_img"><IMG src="empty.gif" width=1 height=450></TD>
</TR>
<TR>
<TD class="Bottom_img"><IMG src="empty.gif" width=1 height=1></TD>
</TR>
</TABLE>
</BODY>
</HTML>