[CSS] リストをメニューにする（テキスト）

▲こんな感じになりました。３ブラウザで動作したので良しとしてみました。

#header_menu{
}
#header_menu a{
	color: #fff;
}
#header_menu ul{
	clear:both;
	width:100%;
	margin-top:0px;
	font-size:12px;
	padding-left:0;
	margin-left:0;
}
#header_menu li {
	background: #e77942;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
	list-style:none;
	padding:2px 1px;
	margin: 0px 0px 0px 0px;
	width:120px;
	float:left;
	border-width:1px;
	border-color:#FFEEDB;
	border-style:ridge;
}

参考になるか分かりませんが、CakePHPのctpファイルでは以下のように出力しています。

			<div id="header_menu">
				<ul>
					<?php if($isLogin): ?>
						<li><?php echo $html->link(__('Sales', true), '/sales');?></li>
						<li><?php echo $html->link(__('Stocks', true), '/stocks');?></li>

						<li><?php echo $html->link(__('Items', true), '/items');?></li>
						<li><?php echo $html->link(__('ItemGroups', true), '/item_groups');?></li>
						<li><?php echo $this->Html->link(__('Logout', true), array('controller' => 'users', 'action' => 'logout'), null, __('Are you sure you want to Logout?', true)); ?></li>

						<?php if($isAdmin): ?>
						<!-- AdminMenu //-->
						<li><?php echo $html->link(__('Users', true), '/users');?></li>
						<li><?php echo $html->link(__('Groups',true), '/groups');?></li>
						<?php endif; ?>

					<?php else: ?>
						<li><?php echo $html->link(__('Login', true), '/users/login');?></li>
					<?php endif; ?>
				</ul>
			</div>