Ciao stò personalizzando un tema di wordpress il glossyblue, ormai sono due giorni che continuo a sbattere la testa sullo stesso problema, vorrei far apparire il testo sopra un foglio creato da una parte superiore una parte centrale che si ripeta assecondando la lunghezza e la parte bassa dove termina il foglio contenitore del testo, e poi segue il footer.
il problema è che visualizza sola l'immagine che fa da parte alta del foglio e le altre due no.
posto il css e la sorgente pagina (inserire tutti i file php sarebbe un po lunga)


codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>healing tribe  </title>

<meta name="generator" content="Bluefish 1.0.7"/> 

<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/glossyht2/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/glossyht2/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="healing tribe RSS Feed" href="http://localhost/wordpress/?feed=rss2" />
<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" />

	<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
 <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" /> </head>
<body>


 <div id="header">
  [img]wp-content/themes/glossyht2/images/logo.png[/img]
    <p id="description">on the road to share a healing field</p>    
    <div id="headerimg">
	  <h1>healing tribe</h1>

	  <div class="description">a gathering of friends</div>
	</div>
	<ul id="nav">
	  <li class="page_item">Home
	  <li class="page_item page-item-2">About
	[/list]
	
  </div>

  
  <div id="page">
 <div id="content-wrap">
   <div id="top"></div> 
  <div id="bottom-bg">
   
   
 

  
  
	  

   <div id="content">
  
    
  	  
  
		
  </div>
  
  


<div id="sidebar">
<ul>

  [*]
      <form method="get" id="searchform" action="http://localhost/wordpress/">
<div><input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />

</div>
</form>
    

    [*]
      <h2 class="sidebartitle">Categories</h2>
      <ul class="list-cat">
        	<li class="cat-item cat-item-1">Uncategorized (4)

[/list]
    [*]
      <h2 class="sidebartitle">Archives</h2>
      <ul class="list-archives">
        	[*]January 2008
	[*]November 2007
[/list]
    [*]
      <h2 class="sidebartitle">Links</h2>
      <ul class="list-blogroll">[*]Documentation[*]Development Blog[*]Suggest Ideas
[*]Support Forum[*]Plugins[*]Themes[*]WordPress Planet[/list]
    

  [/list]
</div>



   
    
 
   
 </div>
   </div>



<div id="footer">

  <div id="footer-wrap">


  

  <div class="footer-recent-posts">
    <h4>Recent Posts</h4>
  		<ul>
		[*]
	post2

	01-10-2008
	

		[*]
	prova 2

	01-10-2008
	
		[*]
	prova

	01-05-2008

	
		[*]
	Hello world!

	11-02-2007
	
		[/list]
   </div>
  
  

  
  <div class="footer-recent-comments">
    	<h4>Recent Comments</h4>
<ul>
	[*]Mr WordPress: Hi, this is a comment.To delete a comment, just log in...[/list]</div>
  

  
	
	<div class="footer-about">
		<h4>About</h4>


This template is built with validated CSS and XHTML, by N.Design Studio. Icons used here are from Web 2 Mini pack. To download more WordPress Themes, please visit www.ndesign-studio.com.</p>



Open "about_text.txt" file in the theme folder to edit this text.</p>	
	</div>
	
	
  <hr class="clear" />
   
   </div>
  </div>


<div id="credits">
<div class="alignleft">WP Theme &amp; Icons by N.Design Studio</div> 

<div class="alignright">Entries RSS Comments RSS <span class="loginout">Logout</span></div>
</div>

<div id="content-wrap">



</body>
</html>
css:

codice:
body {

	font: 75%/150% "Trebuchet MS", Tahoma, Arial;

	color: #36130c;

	background: #36130c url(images/main-bg.jpg) no-repeat center top ;

	margin: 0px;

	padding: 0px 0px 30px;

}

a {

	color: #CC6600;

	text-decoration: none;

}

a:visited {

	color: #CC6633;

	text-decoration: none;

}

a:hover {

	color: #FF6600;

	text-decoration: underline;

}

img {

	border: none;

}

p {

	padding: 0px 0px 15px;

	margin: 0px;

}


h1  {

	margin:0px;

	padding-left: 70px;

	height: 60px;

	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	visibility: hidden;
}
	

h1 a, h1 a:visited{

	color: #c9eefe;

	text-decoration: none;

}

h1 a:hover{

	color: #ffffff;

	text-decoration: none;

}

h2 {

	color: #59770e;

	margin: 0px 0px 2px;

	border-bottom: 1px dotted #CCCCCC;

	letter-spacing: -1px;

	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;

	padding-bottom: 3px;

}


h2 a, h2 a:visited {

	color: #59770e;

	text-decoration: none;

}

h2 a:hover {

	color: #FF6600;

	text-decoration: none;

}

h3 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #758d38;

	margin: 10px 0px 5px;

}

h4 {

	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;

	color: #758d38;

	margin: 10px 0px 5px;

}

form {

	margin:0px;

	padding:0px;

}


/*#page  {

	margin: 0px auto;

	width: 842px;

	border-bottom: 5px solid #d5e6eb;

	border-left: 5px solid #d5e6eb;

	border-right: 5px solid #d5e6eb;

	

}*/



/* header area */



#header {
	height: 238px;
	width: 905px;
	margin: 0 auto;
	position: relative;
}

#logo {
	position: absolute;
	top: 10px;
	left: 450px;
	
}

#description {
	width: 360px;
	text-align: center;
	position: absolute;
	left: 490px;
	top: 95px;
	font: italic normal 24px/26px Georgia, "Times New Roman", Times, serif;
	color: #68391d;
}


#headerimg {

	position: relative;

	padding: 30px 0px 0px 40px;

	height: 60px;

}

#headerimg .description{

	position: absolute;

	left: 110px;

	bottom: 3px;

	color: #c9eefe;

	font-size: 14px;







/* content area */
#content-wrap {
	width: 842px;
	height: 54px;
	margin: 0 auto;
	background: url(images/content-bg.gif) repeat-y right top;
	position: relative;
	z-index: 8;
}

#top {
	background: url(images/top-bg.gif) no-repeat center top;
	height: 523px;
	position: absolute;
	width: 842px;
	top: 0;
	right: 0;
	z-index: 4;
}

#content {
	width: 490px;
	float: left;
	position: relative;
	padding: 35px 0 20px 96px;
	z-index: 5;
}


#bottom-bg {
	background: url(images/bottom-bg.jpg) no-repeat right bottom ;
	z-index: 3;
	
}


.post {

	padding: 0 0 20px 12px;
	width: 490px;



/* comments area */



/*sidebar */

#sidebar {
	width: 200px;
	float: right;
	padding-right: 10px;
	position: relative;
	z-index: 6;
}


/*blogroll */

ul.list-blogroll li{

	background: url(images/mini-blogroll.gif) no-repeat !important;

	padding-left: 16px !important;

}

/*category widget */

ul.list-cat li, li.widget_categories li{

	background: url(images/mini-category.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*archives widget */

ul.list-archives li, li.widget_archives li{

	background: url(images/mini-monthly-archive.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*pages widget */

ul.list-page li, li.widget_pages li, li.widget_recent_entries li{

	background: url(images/mini-page.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*sub-pages */

ul.list-page li ul li, li.widget_pages li ul li{

	background: url(images/mini-page-arrow.gif) no-repeat !important;

	padding-left: 10px !important;

}

/*recent comments widget */

li.widget_recent_comments li{

	background: url(images/mini-recent-comments.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*calendar widget */

li.widget_calendar td {

	padding: 1px 7px;

}

/*text widget */

.



/* footer area */

#footer {
	background: url(images/footer-bg.jpg) no-repeat center top;
	clear: both;
	
}


#footer a, #footer a:visited {

	color: #ffffff;

}

#footer h4 {

	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;

	color: #9cdbfb;

	margin: 10px 0px 5px;


}

#footer-wrap {
	width: 905px;
	height:300px;
	margin: 0 auto;
}




/* credits */





/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

img.alignleft, img[align="left"] {

	float:left;

	margin: 2px 10px 5px 0px;

}

.alignright {

	float: right;

}

img.alignright, img[align="right"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}
in pratica non mi visualizza ne <div id="content-wrap"> ne <div id="bottom-bg"> mentre

<div id="top"></div> viene visalizzato correttamente, non so veramente cosa fare...
spero di essermi spiegato, se servono maggiori delucidazioni fatemi sapere, ciao!