Yo puse el css dentro del html y funciona, salvo por la falta de las imágenes.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejemplo Menú</title>
<style type="text/css">
/*<![CDATA[*/
#cssmenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
background:transparent url('images/off.gif') repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
border-bottom:4px solid #555555;
border-top:1px solid #919191;
}
#cssmenu li{
display:block;
float:left;
margin:0;
padding:0;
}
#cssmenu li a{
display:block;
float:left;
color:#8c3a3a;
text-decoration:none;
font-weight:bold;
padding:12px 20px 0 20px;
height:24px;
background:transparent url('images/divider.gif') no-repeat top right;
}
#cssmenu li a:hover{
background:transparent url('images/hover.gif') no-repeat top right;
}
/*]]>*/
</style>
</head>
<body>
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a href='#'><span>Products</span></a></li>
<li><a href='#'><span>About</span></a></li>
<li><a href='#'><span>Contact</span></a></li>
<li class='last'><a href='#'><span>Item</span></a></li>
</ul>
</div>
</body>
</html> Lo más probable es que la ruta a tu css no sea correcta. Probá de poner el css en la misma carpeta del html y llamarlo con
Código:
<link href="styles.css" rel="stylesheet" type="text/css"/>
Un detalle extra, mirá como se define el charset en html5, vos usaste la sintáxis de html
Saludos