Against my better judgement, I'm designing a site that uses a background image to "contain" all of the verbiage and graphics of the site. This image is 800x600 and has a banner at the top that takes up about a third of the image/page. For the life of me, I can't figure out how to get the spacing to work so that everything sits exactly where it should. Any suggestions would be appreciated. The code for the page is below. I'm attaching the stylesheet and the images. The big image can be dl'ed from the following url: http://www.lazarwebscapes.com/images...d_complete.jpg. What I'd like to do is pull the text and the bottom image up so that the bottom image is hovering above the bottom of the beige section. But everytime I try to manipulate things, the links at the top move into banner. I'm desperately trying not to "ghetto code" this, but even that isn't helping things out at all. Once I can manage the spacing, I can knock out the other pages lickety split. Help!!!!!!!!!!!!!!!!!!!!!!!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Day 7 Salon and Spa | </TITLE>
<META NAME="Description" CONTENT="">
<META NAME="Keywords" CONTENT="">
<!--Site Designed and Developed by Lazar WebScapes, www.lazarwebscapes.com | author=Peter_Lazar(webscaper@lazarwebscapes.com)-->
<link rel="stylesheet" type="text/css" href="style.css">
</HEAD>

<BODY>
<center>
<table cellpadding="0" cellspacing="0" width="800" height="600">
<tr>
<td>
<font>
<table style="background: url(images/background_complete.jpg); border-color: black" border="0" height="600" width="800">
<tr>
<td width="100%"><br><br><br><br><br><br><br><br><br><br>
<table align="center">
<tr>
<td><a href="index.html">home</a></td>
<td><img src="images/dot.gif"></td>
<td><a href="services.html">services</a></td>
<td><img src="images/dot.gif"></td>
<td><a href="tour.html">tour our salon</a></td>
<td><img src="images/dot.gif"></td>
<td><a href="gallery.html">gallery</a></td>
<td><img src="images/dot.gif"></td>
<td><a href="links.html">links</a></td>
<td><img src="images/dot.gif"></td>
<td><a href="contact.html">contact us</a></td>
</tr>
</table>
</font>
</td>
</tr>
<tr>
<td>
<h2>Welcome</h2>
<p style="margin-left: 100; margin-right: 100"> At Day 7 Salon and Spa, we offer the best hair and skin care services in the area. Our professional staff are state certified, and continue to update their skills through ongoing education. Appointments are preferred, however, walk-ins are welcome! Stop in and pamper yourself from head to toe in a relaxing, carefree environment. Our highly trained experts specialize in hair styling and care, manicure, pedicure, skin care, facials, waxing and massage. Come in today to experience all that Day Salon and Spa has to offer! </p>
</td>
</tr>
<tr>
<td>
<center><img src="images/bottom.jpg"></center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<CENTER><font style="color: black; font-size: 11; font-weight: normal; font-family: century gothic"> &copy; 2007-2008 Day 7 Salon & Spa </font></CENTER>
<CENTER><a style="font-size: 11; color: black;" href="http://www.lazarwebscapes.com" target="_blank">Lazar WebScapes</a></CENTER>
</body>
</html>