* { margin: 0; padding: 0; }

#container { width: 1006px; height: 34px; position: relative; overflow: hidden; margin: auto; font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; }
    
#container li { display: block; float: left; width: 141px; height: 32px; background: url(../images/transparent.png); line-height: 32px; padding-right: 2px; line-height: 32px; list-style: none; }
       
 #container li a {
	color: #fff;
	text-decoration: none;
	display: block;
	position: relative;
	background: url(../images/black.png);
	width: 131px;
	height: 32px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	background-color: #193871;
}
<!--y---l-->         
#container li a:hover { background: #8f9091; }
           
 #container li a span { display: block; position: absolute;  top: 0; font-weight: normal; font-size: 10px; -webkit-text-size-adjust: none; opacity: 0.6; filter: alpha(opacity=60); }

#buoy { position: absolute; width: 141px; height: 2px; background: #f4b628; bottom: 0px; left: 0; }