Navigation Bar Not Linking

Hello.

First time post here. I was hoping someone could help me figure out what might be off on my CSS / HTML on a site I am working on for a friend.

If you have a look at http://www.theraethers.com in Firefox or Chrome youll see that the navigation bar isn't clickable even though its visible.

I had started with a template and modified it to move the navigation towards the top of the page.

Any help would be appreciated.

Thanks!

Your problem is: the padding of the <div id="header"> go over your <div id="navigation">.

You can fix the design properly or a simple work around would be:
#navigation {
position: relative;
z-index: 9000;
float: left;
height: 30px;
width: 780px;
margin: 0 auto;
padding-top: 1px;
padding-bottom: 10px;
font-family: 'Rock Salt', cursive;
font-size: 1em;
}

Good luck!

Xherdas,

Thank you so much for the information. I updated my CSS file and its working now.

Wahoo!

Thanks again for you input. :-)