Ich habe gerade ein wenig rumprobiert und folgendes ist dabei raus gekommen. Vielleicht kann es ja jemand gebrauchen...

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta **********="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css" media="all">
body {
font-family: Arial, Helvetica, sans-serif;
padding: 0px auto;
}

#allover {
width: 850px;
height: 2000px;
margin: 0px auto;
background-color: #D3DCE2;
height: 400px;
}

#menu {
position: absolute;
width: 900px;
margin: 0px auto;
top: 0px;
}

#content {
position: absolute;
top: 40px;
float: left;
color: #fff;
padding: 10px;
width: 600px;
}

a {
overflow: hidden;
float: left;
display: block;
width: 160px;
height: 30px;
line-height: 30px;
color: #fff;
background-color: #6A67AF;
text-decoration: none;
padding-left: 10px;
}

a:hover {
display: block;
width: 160px;
height: auto;
background-color: #919EBD;
}
.linkinfo {
display: block;
font-size: 0.8em;
line-height: 16px;
padding: 10px;
padding-left: 0px;
}

</style>
</head>

<body>
<div id="allover">
	<div id="content">
	Irgendwie kann man das bestimmt gut benutzen... Muss man halt ausprobieren. </div>
	<div id="menu">
		<a href="#test1">Start<br /><font class="linkinfo">Hier geht es zur&uuml;ck zur Startseite</font></a>
		<a href="#test2">Profil<br /><font class="linkinfo">Verschaffen sie sich einen &Uuml;berblick &uuml;ber unser Firmenprofil.</font></a>
		<a href="#test3">Media<br /><font class="linkinfo">St&ouml;bern sie in unseren Downloadangebot</font></a>
		<a href="#test4">Gäste</a>
		<a href="#test4">Login<br /><font class="linkinfo">Loggen sie sich in unseren Kundenbereich ein.</font></a>
	</div>
</div>
</body>
</html>
Viel Spaß damit.