Menu expanssível com opções

Olá povoo ~~ fiz um menu expansível pra vocês, é só editar...

Passe o mouse

Opção1

Opção2

Opção3

Ai está o código:

<div id="tutos">
<a href="javascript:void(0);">Passe o mouse</a>
<br />
<div id="aparek">
<br />   <!--- Esse BR serve para pular linha em html --><br />
<li><a href="javascript:void(0);">Opção</a></li>
<li><a href="javascript:void(0);">Opção</a></li>
</div>
</div>
<style>
#tutos{
cursor:pointer;
border-radius:6px;
  width: 200px;
height:20px;
OVERFLOW:hidden;
font-family:open sans;
background:#364A5D;
padding:10px;
}
#tutos a{
color:#fff;
text-decoration:none;
}
#tutos a:hover{
text-decoration:none;
}
#tutos:hover{
width:200px;
height:auto;
transition:all 3s;
OVERFLOW-y:auto;
}
#aparek a{
color:#f9f9f9;
}
#aparek {
  padding-top: 0px;
  font-size: 10px;
  color: #fff;
}
</style>