View Full Version : Navigation Bar Not Linking

May 22nd, 2012, 08:22 PM

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.


May 22nd, 2012, 09:32 PM
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!

May 22nd, 2012, 10:56 PM

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


Thanks again for you input. :-)