[CSS] Rozwijane menu Opcje

[NickOver]

Siemka.
Jako że nie umiem css'a i nie potrafię się go nauczyć a moje próby nie dały żadnego efektu mam do was prośbe.
Potrzebuję rozwijane menu. Mam coś takiego:

[HTML] pobierz, plaintext 
#menu1
{
position:fixed;
top:0px;
left:25%;
height:5%;
width:25%;
background-color:#344233;
}
[HTML] pobierz, plaintext 

Jest to 1/3 całego paska i chciałbym aby po najechajniu na niego pojawiły się pod nim identyczne bloki. W sumie potrzebuję tylko kod samych tych bloków.
Próbowałem coś takiego:

[HTML] pobierz, plaintext 
#podmenu1-1
{
position:fixed;
top:10%;
left:25%;
height:10%;
width:25%;
background-color:#344233;
display:none;
}
#menu1:hover > #podmenu1-1
{
display: blocka;
}
[HTML] pobierz, plaintext 

Ale nie działa. Domyślam się że jest to kwestia rodziców/dzieci/jeszcze czegoś innego, ale nie rozumiem i nie mogę zrozumieć tej geneaologii w css'ie dlatego tu piszę.
Dodatkowo prosiłbym Was o jakąś dobrą książke o css'ie.
Z góry dziękuje.
Pozdrawiam
NickOver

EDIT
Mam jeszcze jedną prośbe. Potrzebuję "blok" który będzie odsunięty od lewej i góry przez ustaloną porzeze mnie wartość który będzie się dostosowywał do zawartości tego elementu (będzie dłuższy).

Ten post edytował NickOver 25.10.2014, 11:29:02