Create submenu help for HTML/CSS

[oliverbedon89]

I'm trying to create submenu like this one
say there's main link:

->Product
->Buy
->Contact Us

when you click the arrow button in product,

it goes

->Product
[SPACE] ->Scarf
[SPACE]->Cloth
->Buy
->Contact Us

like that with (space) meaning literally a space there like sub menu!







So far - the code I've done for this is

<img src="right.gif" name="fs" align="absmiddle" border="0" onClick="showdiv('fs');"><a href="future_students.html" class="link2">Future Students</a> <div id="fs" class="sub_menu"> <a href="lifeguards.htm">life guards</a></div>

and on my css file, I've done:

.sub_menu {
height:1;
overflow: hidden;
}

.sub_menu_open {
height:auto;
overflow: auto;
}

so that when I click "right.jpg" image, the submenu appears...but it doesn't seem to work T_T; any help~

thanks in advance~

[kender]

can do something like this
http://personalweb.about.com/gi/dynamic/offsite.htm?zi=1/XJ/Ya&sdn=personalweb&cdn=compute&tm=165&gps=145_8_1568_1046&f=11&su=p284.8.150.ip_&tt=14&bt=1&bts=1&zu=http%3A//www.dynamicdrive.com/dynamicindex1/navigate1.htm

or something like this too
http://www.htmldog.com/articles/suckerfish/dropdowns/