Tal vez esto te sirva como guía para que puedas afinarlo a tu gusto:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Menu superior derecho</title>
<style>
html, body {
margin: 0;
padding: 0;
}
#menu {
width: 180px;
background-color: black;
float: right;
}
.elemento {
background-color: #F5F5F5;
padding: 2px;
font: 10pt arial;
border: 1px solid gray;
text-align: center;
}
#contenido {
font: 10pt arial;
margin-right: 180px;
border-right: 1px solid black;
}
</style>
</head>
<body>
<div id="menu">
<div class="elemento">Uno</div>
<div class="elemento">dos</div>
<div class="elemento">tres</div>
<div class="elemento">cuatro</div>
</div>
<div id="contenido">
<div align="center"><b>Contenido</b></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit
esse molestie consequat, vel illum dolore eu feugiat nulla facilisis t vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
</body>
</html> Espero que te ayude, saludos!