If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Very good job on majority of the code in css, you just one small step away from have it working.
Look at line 15 in your menu.css
Change #menu li:active to #menu li:hover should resolve the awkward start menu doesn't stay open after click.

active event only trigger when user click on start button, but once user let go the mouse button, the menu will hidden again.

If you really want to click the start button to pop up the menu, then you might want to think about adding javascript.

Thanks for your replies, I just wanted to clarify something.
I want my menu to work similarly to the Windows 7 Start menu.
Basically, Once the user clicks on the main menu, a list would pop out.
I'm new to JavaScript, so I'm not sure what I'm exactly doing.
I tried the code below, but it's not working.

Here is what I got, first I notice you are using jquery syntax, but you forgot to include jquery.js
Another part, <script> place before html content which means event handlers weren't attach to element before html finish loading.

Here is what I got, first I notice you are using jquery syntax, but you forgot to include jquery.js
Another part, <script> place before html content which means event handlers weren't attach to element before html finish loading.

Solution:

Hey dennist82

It's not working, I'm not sure why.
On my CSS I changed #menu li:active to #menu li:hover.
What am I doing wrong?

Here are my code that works on my end.
It most likely, you are testing the html page locally. It easy to identify rather it load from http or local file. Look at the URL, if it starts with file:///C:, then it is only access your local directory which means you have to download jquery library from jquery.com, then place it in same directory as html page.

dennist82, many thanks!!!
It's working very well.
Is there a thank you button in this forum?

One last thing; I noticed that the submenu stays open unless I click the start button again. Is it possible to close the submenu when I click on an empty space or anywhere on my page except the start button?

dennist82, many thanks!!!
It's working very well.
Is there a thank you button in this forum?

One last thing; I noticed that the submenu stays open unless I click the start button again. Is it possible to close the submenu when I click on an empty space or anywhere on my page except the start button?

I really need to learn JavaScript.

Oops I wasn't able to edit my post to clarify something, so here it goes.

I want the submenu to disappear or return to it's original state once I hover outside the submenu area, is that possible?