Main Nav Buttons Not Working

HTML & CSS
1

I am wondering if someone can tell me why my main navigation buttons are not working. They are located in the div #header inside the unordered list. I cannot even get the cursor to appear. What is going on?

LINK-
http://toddtemple.com

2

Whenever you start to use big margins, like

#main-container {
margin: [COLOR="#FF0000"]-407[/COLOR]px auto 0;
}

… you know you are going wrong somewhere. The border here is covering your menu links:

#main {
position: relative;
width: 830px;
margin: auto;
border-top: [COLOR="#FF0000"]407px[/COLOR] solid rgba(0, 0, 0, 0);
padding: 30px 85px;
}

… but really, the problem starts with the negative margin.

3

I was attempting to create a sticky footer (which works well) but it must not be right.

4

Oh, I see. Yes, you can’t have another element (like the header) outside the main container when you are doing that. Here is a reliable guide for setting up a sticky footer:

5

Quick question: if I follow Paul’s article, and contain all divs except for the footer-container inside an outer div, can that outer div have elements that are positioned absolutely?

6

Should be able to, I would think.