Dropdown meny fra en ul

Les hele artikkelen

Holder på å lære meg HTML og CSS, har fått grep på noe, men klarer fortsatt ikke å lage en enkel dropdown menu. 

 

Koden finner du her: https://liveweave.com/Fepmue#&togetherjs=jC1BxqAiNn

(Ble litt mye for å kopiere inn direkte)

 

Jeg får ikke de listene som ligger under de øverste listene som f.eks «other» til å legge seg under. De legger seg på siden av hverandre. 

 

I tillegg så vil ikke de underordnet listene kun vises når man har musen over de overordende listene.

 

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

Noen som har en enkel løsning på dette?