Please Help, Getting Text Side By Side For Navigation

Hey All,
I’m hoping this is the right place to post this. Anyways, I’m looking for some help, for the life of me I cannot seem to get my top navigation text to work side by side. I’ve tried everything in this thick head of mine and everything I can find on Google.

The site can be found at and the stylesheet can be found at I’m fairly new when it comes to working with xhtml/css as my partner has always been the one to do it, however for our redesign I wanted to take up the task of doing it. So bare with me please!!


Hello? You there?

Thank you so much, Works perfect. I’m gonna go ahead and try to implement that sliding doors method right now.

This worked for me (sorry, I rewrote your menu list):

    <!-- Start: header -->
    <div id="header">
        <ul class="navigation">
    </div><!-- End: header -->

ul.navigation {
	font-family : Chunkfive;
	font-size : 15px;
	color : white;
	text-align : left;
	padding-top : 55px;
	float : right;
	display: inline;
ul.navigation li {
	display: inline;
	background-image : url(../images/glossButton.gif);
	margin : 0;
	padding-left : 14px;
	padding-top : 5px;

You’ll have to play with the margins, etc, to get the list where you want it.

The tabs don’t work out very well because they’re a single image. I’ve used the sliding doors method of making navigation tabs with great success.