Need help with HTML & CSS real quick (hovering and displaying a sub menu)

[codethename]

So I'm trying to make a sub menu pop up when I hover over a certain link, I can only get every sub menu to pop up at once or nothing happen at all.
Here's my HTML code :
HTML sub menu - Pastebin.com

So when I hover a link, only the 3 designated sub links should appear but not all of them.

Any help would be much appreciated, If anyone could quickly write out what I should put in my .css and write out a quick explanation it would be much appreciated

[bt411]

change it to:
<li class="tt"><a href="url" >Tengill 1</a>

<ul class="t">
<li><a href="url"> Undirtengill 1</a></li>
<li><a href="url"> Undirtengill 2</a></li>
<li><a href="url"> Undirtengill 3</a></li>
</ul>
</li>
...

ergo: put the </li> behind the <ul>"points"</ul> listing so it encapsulates it


and in css:
.tenglar ul li ul{display:none;}
.tenglar ul li:hover ul{display:block;}

that's it