Così mi pare un po incasinato il tutto :
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

  #navcontainer { width: 200px; }
 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

 a
{
display: block;
padding: 3px;
width: 160px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #ccc;
border-style: solid;
background: #ECE9D8;
}

 a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
background:#ECE9D8;
color: #000;
}
a:hover
{
color: #00FF66;
border-color: #aaab9c #fff #fff #ccc;
background: #ECE9D8;
width: 162px;
}

 #navcontainer a:hover
{
color: #00FF66;
}

#navcontainer1 ul a:hover
{
color: red;
}

 #navcontainer2 a:hover
{
color: blue;
}


.verde {background-color:#00FF66;margin-top:30px;border:0;padding: 3px;
width: 162px;}
.rosso {background-color:red;margin-top:5px;border:0;padding: 3px;
width: 162px;}
.blu {background-color:blue;margin-top:5px;border:0;padding: 3px;
width: 162px;}


</style>
</head>

<body>

 <div id="navcontainer">
<ul id="navlist">[*]scarica e-book
<li class="verde" >titolo[*]Item two[*]Item three[*]Item four[/list]
</div>
<div id="navcontainer1">
<ul>
<li class="rosso" >titolo2[*]Item five[*]Item five[/list]
</div>
<div id="navcontainer2">
<ul id="navlist">
<li class="blu" >titolo[*]Item two[*]Item three[*]Item four[/list]
</div>
</body>
</html>
ciao
paolo