I have a web template that I designed w/ photoshop.



It's actually just two slices. The top banner is a slice and button dark grey part is a slice. And I wanted to use the bottom slice (grey part) as the background... and then create a template from this.

I couldn't just put text on top of the bottom slice because it wasn't set to be a background. So, as soon as I delete the slice and try to use it as a background it shifts my layout down and breaks it apart.

You can't just look at the preview on DreamWeaver. If you have a formatting error, you have to look at the code.
Use some code like this:

CSS

<style type="text/css">
.container {
width: 800px;
margin-right: auto;
margin-left: auto;
}
.banner {
background: url(yourimagehere.extension);
background-repeat: no-repeat;
width: 800px;
height: 100px;
}
.main {
background: url(yourimagehere.extension);
background-repeat: repeat;
width: 800px;
}
</style>

<div class="container">
<div class="banner">
banner text
</div>
<div class="main">
content text
</div>
</div>

Let me know if that helps.
- Steve