Atuyuda a Crear menu horizontal

[arkang31]

Código:

#user-menu {
	width:900px;
	height:58px;
	z-index:3;
	margin: auto;
}

#user-menu li {
	color:#FFFFFF;
	text-decoration:none;
	float: left;
	list-style-type: none;
	margin-right: 6px;
	margin-left: 6px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 2px;
}
#user-menu a {
	color:#FFFFFF;
	text-decoration:none;
	float: left;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
}
#user-menu a:hover {
	color:#333333;
	text-decoration:none;
	float: left;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
}
#user-menu-l {
	background-image: url(../images/menu-l.png);
	background-repeat: no-repeat;
	float: left;
	height: 58px;
	width: 33px;
	position: relative;
	z-index: 10;
}
#user-menu-r {
	background-image: url(../images/menu-r.png);
	background-repeat: no-repeat;
	height: 58px;
	width: 33px;
	float: right;
	position: relative;
	z-index: 11;
}
#user-menu-c {
	background-image: url(../images/menu-c.png);
	background-repeat: repeat-x;
	height: 58px;
	position: relative;
	z-index: 8;
	width: auto;
}

Código:

<div id="user-menu">
<div id="user-menu-l"></div>
<div id="user-menu-r"></div>
<?php if($this->countModules('user3')) : ?>
<div id="user-menu-c"><jdoc:include type="modules" name="user3" style="horz" /></div>
<?php endif; ?>
</div>

bueno algo mas omenos asi pues quiero que se quede en el centro y amedida que amenten sus enlanses se expanda hacia los lados con un maximo de 900px si me ayudan :S