#menu {
	position: relative;
	width: 900px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	background-image: url('/images/meu-7.png');
	background-repeat: no-repeat;
	z-index: 99;
	clear: left;
	} 
		#menu-list-container {
			width: 100%;
			height: 28px;
			margin: 0;
			padding: 0;
			z-index: 99;
		}
			#menu-list-container ul {
				list-style: none;
				margin: 0px;
				margin-left: 30px;
				padding: 0px;
				color: #e5e8df;
				font-family: lucinda, Helvetica, Sans-Serif;
				font-size: 22px;
				z-index: 99;
			}
				#menu-list-container ul li {
					float: left;
					margin: 0;
					padding: 0;
					z-index: 99;
					} 
						#menu-list-container li a {
							display: block;
							height: 28px;
							padding-left: 35px;
							padding-right: 35px;
							padding-top: 12px;
							float: left;
							font-size: 70%;
							color: #FFFFFF;
							text-decoration: none;
							text-align: center;
							z-index: 99;
						} 
							#menu-list-container ul li a:hover {
								display: block;
								float: left;
								height: 28px;
								padding-left: 35px;
								padding-right: 35px;
								cursor: pointer;
								z-index: 99;
								background-image: url('/images/menu-active-bg2.png');
								background-repeat: repeat-x;
								}

Horizontal Menu Css

CSS