Got My Trap17 Site Up & Running But got no content yet

I'm working on a site for my local community association to promote its activities (which includes fighting the government over them building a highway through our suburb) and you can view the design at http://forums.xisto.com/no_longer_exists/. I'm using Wordpress to manage the content cos it means other members of the association (who are mostly older people with little computer knowledge) will be able to update the site without having to get me to do it all the time. It's the first time I've used Wordpress (I've used Blogger & Typepad before) and have to say I'm impressed by its flexibility and possibilities.
Most of the design is finished - just want to add a few little graphic touches here & there but need to get some content rolling to do that and that's kinda in the hands of the Association, so I'm waiting on them for the time being.

By the way, if anyone is clued up on CSS, they might be able to help me. I'm using CSS rollovers for my navigation links and came across this technique whereby you can set the active link to the rollover state by assigning an ID to the body tag and setting the ID of the link relative to the body ID. It works fine for the first link in the list, but for all the others, it sets the page left and the rollovers for the others link all show the rollover for the active one.

If you check out the site and click on the main links, you'll see what I mean.

 

HTML

    <div id="mainnav">     	<ul id="nav">      <li id="news"><a href="/" title="Software and hardware specials, discounts and new products for educational, multimedia, design and music purposes"><span>Software and Hardware</span></a></li>              	<li id="about"><a href="?page_id=2" title="Information about The Gap suburb and the Community Association"><span>About</span></a></li>      <li id="projects"><a href="?page_id=4" title="Information about projects with which The Gap Community Association is involved"><span>Projects</span></a></li>      <li id="links"><a href="?page_id=3" title="Links relating to The Gap and its community"><span>Links</span></a></li>      <li id="contact"><a href="?page_id=5" title="Contact details for The Gap Community Association"><span>Contact</span></a></li>    	</ul>     </div>

CSS

/*------------- Navigation -----------------*/#mainnav {	height: 24px;	width: 770px;	margin: 0;	padding: 0;	background: #C0CEB9;	border-bottom: 2px #005000 solid;}#mainnav ul#nav	{	height: 24px;	width: 770px;	margin: 0 0 0 20px;	padding: 0;	position: relative;	background: transparent url(images/nav.gif) top left no-repeat;}#mainnav ul#nav li {	margin: 0;	padding: 0;	position: absolute;	list-style: none;	top: 0;}	ul#nav li, ul#nav a { height: 22px; display: block; }	#mainnav ul#nav li a { text-indent: -9999px; text-decoration: none;	}	#news {left: 0; width: 75px;}#about {left: 145px; width: 90px;}#projects {left: 300px; width: 110px;}#links {left: 485px; width: 65px;}#contact {left: 635px; width: 96px;}#news a:hover {background: transparent url(images/nav.gif) 0 -24px no-repeat; }#about a:hover {background: transparent url(images/nav.gif) -145px -24px no-repeat;}#projects a:hover {background: transparent url(images/nav.gif) -300px -24px no-repeat;}#links a:hover {background: transparent url(images/nav.gif) -485px -24px no-repeat;}#contact a:hover {background: transparent url(images/nav.gif) -635px -24px no-repeat;}/* Active link */body#home #news {background: transparent url(images/nav.gif) 0 -24px no-repeat; }body#about #about {background: transparent url(images/nav.gif) -145px -24px no-repeat;}body#projects #projects { background: transparent url(images/nav.gif) -300px -24px no-repeat;}body#links #links {background: transparent url(images/nav.gif) -485px -24px no-repeat;}body#contact #contact {background: transparent url(images/nav.gif) -635px -24px no-repeat;}

Anybody got any ideas what's wrong/missing?

Wondeful website! I love the template! They are definitely for oldies! Oh yeah, please post something! And welcome to Xisto! Hope that you enjoy your stay!

not sure but i think there maybe somthing wrong with the other pages on the site. When i clicked on contact and the other links in your menu bar. the othe pages didn't exactly show up properly. I'm going to try and explain cause it's kinda wierd. Not sure but it could be because i'm on a mac or because mozilla is rendering the page badly but all the other pages are cut off only 1/2 of the page is showing up aligned to the top left of the browser.
round

all the other pages are cut off only 1/2 of the page is showing up aligned to the top left of the browser.

You mean that most of the page was pushed over to the right? I was trying to get the active link to show the rollover state (ie darker) by assigning an ID to the body tag and then setting the background image of the link relative to the body ID, but I was using the same body ID as the link ID which was causing the error I think you're talking about.
Anyway, should be fixed now. If it's still doing it for you, can you do me a screenshot so I can see what you're talking about?