#Menu {
	width:750px; background:#666;
}
#topmenu{
	width:400px; height:36px; background:#666; margin:0 auto;
}
#topmenu ul {
	list-style-type:none; margin:0; padding:0;
}
#topmenu li {
	float:left;
}
#topmenu ul li a {
	display:block; height:20px; line-height:20px; background:#000; width:80px; font-size:0.7em; font-weight:bold; color:#FFF; text-align:center; text-decoration:none; margin:7px;

	/* Runde kanter */
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5 px; border: 1px solid #000;

	/* Løbende fave */
	background:-moz-linear-gradient(top, #666, #333); background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
}
#topmenu ul li a:hover {
	background:#333;
	background:-moz-linear-gradient(top, #000, #666);
	background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
}
#topmenu ul li a.current, #topmenu ul li a.current:hover {
	background:#333;
	color:#f63;
	cursor:default;
	background:-moz-linear-gradient(top, #000, #666);
	background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
}

<div id="Menu">
	<div id="topmenu">
		<ul>
			<li><a href="" class="current">Forside</a></li>>1</a></li>
			<li><a href="">2</a></li>
			<li><a href="">3</a></li>
			<li><a href="">4</a></li>
		</ul>
	</div>
</div>



#submenu {
	float:left; width:100%; background:#666; font-size:0.55em; line-height:normal; border-bottom:1px solid #999;
}
#submenu ul {
	margin:0; padding:0px 0px 0 0px; list-style:none;
}
#submenu li {
	display:inline; margin:0; padding:0;
}
#submenu a {
	float:left; margin:0; padding:0 0 0 4px; text-decoration:none;
}
#submenu a span {
	float:left; display:block; background:#333; padding:5px 15px 4px 6px; color:#FFF;

	border-top-left-radius:5px; border-top-right-radius:5px;
	-moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	border: 1px solid #000;

	background:-moz-linear-gradient(top, #666, #333);
	background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
}

#submenu ul li a span:hover {
	background:#333;
	background:-moz-linear-gradient(top, #000, #666);
	background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
}

#submenu ul li a.current, #submenu ul li a.current:hover {
	color:#f63;
	cursor:default;
	background:#333;
	background:-moz-linear-gradient(top, #000, #666);
	background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
}

<div id="submenu">
    <ul>
       	<li><a href="" class="current"><span>a</span></a></li>
	<li><a href=""><span>b</span></a></li>
       	<li><a href=""><span>c</span></a></li>
    </ul>
</div>