CSS Help...

[Winterworks]

Okay, in my index.html, I have...

<center>
<div id="content-top"> </div>
<div id="content-center">Put Content Here...</div>
<div id="content-bottom"> </div>
</center>

and in my stylesheet.css I have...

                #content-top {
	background: url('images/content-top.gif') no-repeat;
      }
      
                      #content-center {
	background: url('images/content-center.gif') no-repeat;
      }
      
                      #content-bottom {
	background: url('images/content-bottom.gif') no-repeat;
      }

I want it so the "content-top.gif" image is showed at the top, and then below it, have the "content-center.gif", with text on top of it (I also want it expandable somehow...), and then below, I want "content-bottom.gif".

I also want them all centered, and not repeated.

Now, how can I do this? What's wrong? It won't show up on my website...

http://trasion.com/websiteee/

I know my stylesheet.css is working, and I know that index.html can properly read from it, as other parts of the stylesheet.css are working on the index.