First of all the site I'm working on is x-plode.99k.org
I'm using dreamweaver to do the coding
For my navigation bar within the index.php I have:

<div id="pagewrap">

<ul id="navigation">
<li><a class-"home" href="index.php" title="Home"></a></li>
<li><a class-"Store" href="#" title="Store"></a></li>
<li><a class-"Nutrition" href="#" title="Nutrition"></a></li>
<li><a class-"Workouts" href="#" title="Workouts"></a></li>
<li><a class-"Pictures" href="#" title="Pictures"></a></li>

</ul>


</div> <!-- Page Wrap END -->

The code i made for navigation in styles.css is:

#navigation { float: left; margin-left: 50px; margin-top: 15px; }
ul#navigation {list-style: none; }
ul#navigation li {display: inline; }
ul#navigation li a {
text-indent: -9999px;
display: block;
float: left;
height: 96px;
margin-left: 15px;
}

ul#navigation li a.home {
width: 101px;
float: left;
background:url(images/Buttons/home.png) no-repeat 0 0; }

I got the 5 dots to show up, got the 5 dots to dissapear, now I can't get the "home" part of the navigation bar to show up... Please help! I'm not sure if I did a part of the code wrong or why my home image won't show up any help would be grateful. Thanks.