Esta es la pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ Language="JavaScript"%>
<html>
<head>
<title>index</title>
<link rel="STYLESHEET" type="text/css" href="css/final.css">
<script type='text/javascript' src="javascript/final.js"></script>
</head>
<body>
<div id="cabecera">
</div>
<div id="navegador">
<a href="#" class="">Inicio</a>
<a href="#" class="">Registrar</a>
<a href="#" class="">Mi Cuenta</a>
<a href="#" class="">Amigos</a>
<a href="#" class="">Tutorial</a>
<a href="#" class="">Enlaces</a>
<a href="#" class="">Contactar</a>
<a href="#" class="">Salir</a>
</div>
<div id="lateral">
<ul id="menu">
<li><a href="http://www.google.com" class="">Inicio</a></li>
<li><a href="#" class="">Registrar</a></li>
<li><a href="#" class="">Mi Cuenta</a></li>
<li><a href="#" class="">Amigos</a></li>
<li><a href="#" class="">Tutorial</a></li>
<li><a href="#" class="">Enlaces</a></li>
<li><a href="#" class="">Contactar</a></li>
<li><a href="#" class="">Salir</a></li>
</ul>
</div>
<div id="cuerpo">
</div>
</body>
</html>
Y este el archivo css:
#menu {
margin:5px;
padding:0;
list-style:none;
width: 100px;
}
#lateral {
width: 100px;
background-color: #74dedf;
float: left;
font: bold;
}
#menu a{
background-color: #0099cc;
text-decoration: none;
color: #0066ff;
margin-top: 5px;
margin-bottom: 5px;
border-style: outset;
width: 100px;
display: block;
}
#menu a:hover{
background-color: #0099cc;
text-decoration: none;
color: #0066ff;
border-style: inset;
}
#navegador {
background-color: #f5f4c3;
padding: 3px 10px 5px 10px;
}