CSS-Menü mal wieder

[Corni]

Hallo ihr,

Ich versuche gerade eure Vorschläge umzusetzen. Ich nehme dabei als Vorlage http://css.fractatulum.net/sample/experimente.htm . Nun mein Problem: Mein Menü sieht so aus:

<div class="menu">
<ul id="box3">
<li><a class="block" href="index.htm" >Home</a></li>
<li><a class="block" href="webdesign.htm" >Webdesign</a></li>
<li><a class="block" href="software.htm" >Software</a></li>
<li><a class="block" href="hardware.htm">Hardware</a></li>
<li><a class="block" href="sonstiges.htm">Sonstiges</a></li>
<li><a class="block" href="uebermich.htm" >Über mich</a></li>
<li><a class="block" href="verweise.htm" >Verweise</a></li>
<li><a class="block" href="kontakt.htm">Kontakt</a></li>
<li><a class="block" href="gaestebuch.htm" >Gästebuch</a></li>
</ul>
</div>

CSS dazu:

.menu{
background-color:#082050;
float:left;
padding-top:0px;
width:170px;
height:450px;
margin:0px;

}

#box3 {
margin-left:0px;
padding:0px;
list-style-type:none;
list-style-image:none;
list-style-position:outside;
position:absolute;
z-index:1;
}

#box3 li {
margin: 10px 0px;
padding:0px;
}

#box3 a{
font: bold 16px arial, sans-serif ;
text-align:center;
text-decoration:none;
color: #E8FFFC;
background-image:url('gifs/button.gif');
background-repeat:no-repeat;
display:block;
padding: 4px 0px;
margin:0px 12px 0px 12px;
width:140px;
border:1px solid #1F72A9;
border-right: 4px solid #1F72A9;

}

#box3 a:hover {
color:white;
background-image:url('gifs/button_hover.gif');
text-decoration:none;
border: 1px solid white;
border-right: 4px solid white;}

Nun soll man aber laut CSS-Fractatulum das hover-Element auf eine div-Box beziehen. Ich möchte aber vorerst nur einen Punkt mit Untermenü haben, es lohnt sich also  kaum das komplette Menü umzubauen (mal vom dann nötigen Umbau der Seiten abgesehen)! Läßt sich irgendwie ein dynamisches Menü mit CSS realisieren, OHNE das ganze komplett umzubasteln?

Vielen Dank für eure Mühe und viele Grüße aus Schwaben
Corni