dropdown menu z submenuji

Lep pozdrav,
Kar se spletnega designa in codiranja in vsega tega tiče sm totalni "newbie" sm komaj začel tak da upam da mi bo znal kdo pomagat... No ja rad bi naredu drop down menu tak z submenuji. Za tte glavne menuje mam custom gumbe ko sm ubistvu risu v photoshopu in newem kak bi to naredu zj da bi iz tega pršu pol tak dropdown menu... no to nj bi bla html koda =)

<ul id="topnav">
    <li><a href="#" class="domov">Domov</a></li>
    <li><a href="#" class="novice">Novice</a></li>
    <li><a href="#" class="galerija">Galerija</a>
    <ul>
                <li><a href="#">Psi</a></h2></li>
                	<ul>
                    		<li><a href="#">Apollo Ice</a></li>
                    </ul>
                <li><a href="#">Psice</a></li>
                	<ul>
                    		<li><a href="#">Sidney Lady</a></li>
                            <li><a href="#">Arabela Queen</a></li>
                    </ul>
                <li><a href="#">Mladiči</a></li>
     </ul>
    </li>
    <li><a href="#" class="prodaja">Prodaja</a>
    <ul>
                <li><a href="#">Psi</a></li>
                	<ul>
                    		<li><a href="#">Blizzard Silverstar</a></li>
                    </ul>
                <li><a href="#">Psice</a></li>
                	<ul>
                    		<li><a href="#">Billie Jean</a></li>
                    </ul>
     </ul>
     </li>
    
    <li><a href="#" class="vspomin">V spomin</a></li>
    <li><a href="#" class="linki">Linki</a></li>
    <li><a href="#" class="kontakt">Kontakt</a></li>
</ul>

to pa naj bi biu css kar ga pač je zaenkrat =)

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 500%;
	list-style:none;
	list-style-image:none;
	margin-top:199px;
	margin-left:-10px;
	

}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; 
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; 
	height: 69px;
}

#topnav li ul ul,ul {
	list-style:none;
    list-style-image:none;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } 
ul#topnav a.domov {
	background:url(Images/domov.png) no-repeat;
	width: 78px;
	margin-left:-40px;
}
ul#topnav a.novice {
	background: url(Images/novice.png) no-repeat;
	width: 115px;
	margin-left:20px;
}
ul#topnav a.galerija {
	background: url(Images/galerija.png) no-repeat;
	width: 124px;
	margin-left:5px;
}

ul#topnav a.prodaja {
	background: url(Images/prodaja.png) no-repeat;
	width: 141px;
}
ul#topnav a.vspomin {
	background: url(Images/vspomin.png) no-repeat;
	width: 141px;
	margin-left:-20px;
}
ul#topnav a.linki {
	background: url(Images/linki.png) no-repeat;
	width: 141px;
	margin-left:-10px;
}
ul#topnav a.kontakt {
	background: url(Images/kontakt.png) no-repeat;
	width: 141px;
	margin-left:-25px;
}

li ul{
    display: none;
}
li:hover > ul {
    display: block;
}

če bi mi znal kdo pomagat se priporočam :P
hvala za vnaprej!