structures don't have a "z-index", they have a "z-ndex". To your browser, this is a unknown declaration and it ignored. Change all instances of "z-ndex" to "z-index", and your menu will work properly. It looks like you clipped the code out of a posting on the "Hscripts.com" rather than actually use their menu tool. I used their menu too and received correct code, but going through their forum, I noticed the misspelling. This is because the "Hscripts.com" user forum disables any attempt to use a "z-index". It's just a security issue. That's not much different than this forum. Try using the word "OnMouseOver" in a post. Next time, don't copy from the forum, use the menu tool.

Also, at the very least, you should credit the site where you obtained the code, with a simple comment in your web page code. Then, anyone trying to help wouldn't have to try and figure out were the code came from.

By fixing the "z-index" issue, all of your links should connect to the URL you specified in the link.

The main buttons can be configured as links, but it takes a bit of work. Your first menu item looks like the following.

Biography

To make the word "Biography" be a link you need to wrap it in a anchor tag, .... with a "href" defined. Something like the following would work. Of course, you would change the "href" to the page name that you want to reference.

Biography

But, once you make all these adjustments, you will probably find that the links don't act exactly the way you want them to. The default color will change, as will the coloring when the mouse is hovering. To manage the coloring in the main menu items and the sub menu items, you will have to add a couple of style definitions.

The style settings that are included in the menu code look like this:



You should modify them so that they look something like the following. The extra styles will let you manage the link coloring of the main menu items and sub menu items independent of each other, and independent of the other links on your page. Adjust them as you see fit. The colors that I used were totally arbitrary.



Then, to each of your main menu links, you will need to add a "class" definition. Then you can adjust the colors in the styles to manage the menu text coloring during various mouse operations.

class="menu_main" href="bio_page.html">Biography

If you have trouble digesting all of this, let me know. I can generate a fully working page for you and give you a Zip file link.

p.s. Don't try posting code like I do, until you learn how. It's not as simple as it looks.