CSS

#globalNavigation {
float:right;
color:#FFFFFF;
font-variant:small-caps;}

#navList ul {width: 144px; margin: 0px; list-style-type: none; display: inline;}
#navList li { margin: 0px; padding: 0px;}
#navList li a {text-decoration: none;}

#navList a.buttonHome {
display: block;
width: 53px;
height: 89px;
margin: 0px;
padding: 0px;
background: url(../_construct/button_home.jpg) top left no-repeat;
text-indent: -9999px;
}

#navList a.buttonHome:hover {
background-position: -53px 0px;
}

#navList a.buttonCorey {
display: block;
width: 56px;
height: 89px;
margin: 0px;
padding: 0px;
background: url(../_construct/button_corey.jpg) top left no-repeat;
text-indent: -9999px;
}

#navList a.buttonCorey:hover {
background-position: -56px 0px;
}

#navList a.buttonCorey {
display: block;
width: 64px;
height: 89px;
margin: 0px;
padding: 0px;
background: url(../_construct/button_forum.jpg) top left no-repeat;
text-indent: -9999px;
}

#navList a.buttonCorey:hover {
background-position: -64px 0px;
}

#navList a.buttonCorey {
display: block;
width: 60px;
height: 89px;
margin: 0px;
padding: 0px;
background: url(../_construct/button_gallery.jpg) top left no-repeat;
text-indent: -9999px;
}

#navList a.buttonCorey:hover {
background-position: -60px 0px;
}

#navList a.buttonCorey {
display: block;
width: 57px;
height: 89px;
margin: 0px;
padding: 0px;
background: url(../_construct/button_media.jpg) top left no-repeat;
text-indent: -9999px;
}

#navList a.buttonCorey:hover {
background-position: -57px 0px;
}


HTML

<div id="globalNavigation">

<div id="navList">
<ul>
<li><a class="buttonHome" href="URL HERE">home</a></li>
<li><a class="buttonCorey" href="URL HERE">corey</a></li>
<li><a class="buttonForum" href="URL HERE">forum</a></li>
<li><a class="buttonGallery" href="URL HERE">gallery</a></li>
<li><a class="buttonmedia" href="URL HERE">media</a></li>
<li><a class="buttonFans" href="URL HERE">fans</a></li>
<li><a class="buttonDomain" href="URL HERE">domain</a></li>
<li><a class="buttonWww" href="URL HERE">www</a></li>
</ul>
</div>
</div>

At the moment the first link shows in place then the rest all stack underneath it on the same spot. How can I get these to display horizontally?

Thanks

Awesome. :) Thank you so much.