Need help with a navigation bar

[itskimical]

My navigation bar keeps moving to the far right. http://www.bunkbedbarn.com/index.phpHere is the whole css and below the navbar portion::www.bunkbedbarn.com/css/bunkbedbarn.css

.linkbar {		text-align: center;	font-size:12px;	text-transform:uppercase;	font-weight:600;	background:url(../images/linkbarbackground.png);	background-repeat:repeat-y;	text-align:center;	margin: 0px;	padding: 0px;	width: 100%;	position: relative;}.linkbar ul {	margin: 0px;	text-align: center;	list-style-type:none;}.linkbar li {	display: inline;	padding: 5px 25px 7px 25px;	margin: 0px;}

And here is the HTML::

<ul class="linkbar"><li><a href="http://www.bunkbedbarn.com/catalog.php?category=1">Bunk Beds</a></li><li><a href="http://www.bunkbedbarn.com/catalog.php?category=2">Loft Beds</a></li><li><a href="http://www.bunkbedbarn.com/catalog.php?category=19">Captain Beds</a></li><li><a href="http://www.bunkbedbarn.com/catalog.php?category=14">Trundle Beds</a></li><li><a href="http://www.bunkbedbarn.com/catalog.php?category=13">Cannonball Beds</a></li></ul>

Thank you for looking at this for me!

[Ccssrs69]

You are setting the .linkbar UL to text-align:center; try setting to text-align:left;

[ShadowMage]

Can you elaborate a little more on the issue? Should it be on the left?You don't need to have the position: relative on your .linkbar class. Or are you positioning your links? If that's the case I suggest you use a different method (display: inline or float).Anyway, without seeing any more code (specifically surrounding elements) the only thing I can offer is to add float: left to your .linkbar class.

[itskimical]

I did get this fixed. I have two items within my header (header right and header left.) In order to make sure that everything in the main content does not shift over to the right the same width as the item on the left I had to define in the css that the header height to accommodate all the items. This fixed my issue.