La classe per lo stato attivo inoltre vuole messa nel tag[*] non nell'<ul>
Un codice di esempio potrebbe essere questo
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #F3FAFF;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu8 {
width: 200px;
margin-top: 10px;
}
#menu8 li a {
text-decoration: none;
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
}
#menu8 li a:link, #menu8 li a:visited {
color: #777;
display: block;
background: url(menu8.gif);
padding: 8px 0 0 20px;
}
#menu8 li a:hover, #menu8 li #current {
color: #257EB7;
background: url(menu8.gif) 0 -32px;
padding: 8px 0 0 25px;
}
#menu8 li a:active {
color: #fff;
background: url(menu8.gif) 0 -64px;
padding: 8px 0 0 25px;
}
-->
</style>
</head>
<body>
<div id="menu8">
<ul>[*]Home[*]Products[*]Services[*]Support[*]Order[*]News[*]About
[/list]
</div>
</body>
</html>