Salve a tutti, nel mio sito ho creato un semplice menu con i css, però vorrei inserire un submenu che appaia al passaggio del mouse.
Che modifiche dovrei apportare al codice seguente per ottenere il risultato? Vorrei evitare l'uso di javascript. Vi posto il codice grazie!

Codice menu nel CSS:

codice:
div.main {
margin: 2px;
width: 145px;
border: solid 0px #000000;
text-align: left;
}

div.menu {
background: #000000;
padding-bottom: 2px;
font-size: 12px;
}

a.menu {
background: #DB3482;
color: #FFFFFF;
padding: 1px;
text-decoration: none;
display: block;
}

a:hover.menu {
background: #FF99CC;
color: #000000;
padding: 1px;
text-decoration: none;
display: block;
}

Codice html:
codice:
<div class="main">
  <div class="menu">Home</div>
  <div class="menu">Pagina1</div>
  <div class="menu">Pagina2</div>
</div>