Este es el código del archivo menu.html (el que verificaste con errores en www.americadelsur.edu.ar/menu.html Es un menú que va incrustado en el index.html, es exactamente el mismo criterio que otro menú horizontal que surge en la categoría "quienes somos". El menú vertical es un html con una hoja de estilo.
<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" >
#bot1 a{
float:left;
background-image:url(imagenes_botones/bg_menu_inicio_1.jpg);
height:34px;
width:84px;
color:#000000;
text-decoration: none;
text-align:center;
}
#bot1 a:hover{
float:left;
background-image:url(imagenes_botones/bg_menu_inicio_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot1 a:focus{
float:left;
background-image:url(imagenes_botones/bg_menu_inicio_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot2 a{
float:left;
background-image:url(imagenes_botones/bg_menu_quienes_1.jpg);
height:34px;
width:141px;
color:#000000;
text-decoration: none;
text-align:center;
}
#bot2 a:hover{
float:left;
background-image:url(imagenes_botones/bg_menu_quienes_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot2 a:focus{
float:left;
background-image:url(imagenes_botones/bg_menu_quienes_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot3 a{
float:left;
background-image:url(imagenes_botones/bg_menu_proyectos_1.jpg);
height:34px;
width:191px;
color:#000000;
text-decoration: none;
text-align:center;
}
#bot3 a:hover{
float:left;
background-image:url(imagenes_botones/bg_menu_proyectos_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot3 a:focus{
float:left;
background-image:url(imagenes_botones/bg_menu_proyectos_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot4 a{
float:left;
background-image:url(imagenes_botones/bg_menu_novedades_1.jpg);
height:34px;
width:107px;
color:#000000;
text-decoration: none;
text-align:center;
}
#bot4 a:hover{
float:left;
background-image:url(imagenes_botones/bg_menu_novedades_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot4 a:focus{
float:left;
background-image:url(imagenes_botones/bg_menu_novedades_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot5 a{
float:left;
background-image:url(imagenes_botones/bg_menu_contacto_1.jpg);
height:34px;
width:92px;
background-position: center top;
color:#000000;
text-decoration: none;
text-align:center;
}
#bot5 a:hover{
float:left;
background-image:url(imagenes_botones/bg_menu_contacto_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
#bot5 a:focus{
float:left;
background-image:url(imagenes_botones/bg_menu_contacto_2.jpg);
color:#FFFFFF;
text-decoration: none;
}
.style2 {
font-size: 12px;
line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body style=" border:0;margin:0;overflow:visible">
<span class="style5 style2" id="bot1">
<a href="http://www.americadelsur.edu.ar/index.html" target="_parent">Inicio</a></span>
<span class="style5 style2" id="bot2">
<a href="http://www.americadelsur.edu.ar/quienes_somos_instituto.html" target="_parent">Quiénes Somos</a></span>
<span class="style8 style2" id="bot3">
<a href="http://www.americadelsur.edu.ar/proyectos.html" target="_parent">Proyectos Institucionales</a></span>
<span class="style5 style2" id="bot4">
<a href="http://www.americadelsur.edu.ar/novedades.html" target="_parent">Novedades</a></span>
<span class="style5 style2" id="bot5">
<a href="http://www.americadelsur.edu.ar/contacto.html" target="_parent">Contacto</a></span>
</body></html>