Problem With Links


I’m having problems getting certain links on this site to behave correctly, and I’m currently baffled. Wondering if anyone here would be willing to take a look and let me know if they see what the problem might be.

Here’s the issue - the links in the footer (Our Mission | Youth Center | Donate | Contact Us) don’t seem to be active until I place my cursor just above them. If I place my cursor directly on them, they aren’t active. It’s hard to explain, but if you look at the page, I think you’ll see what I mean. I’m not having this problem on any other sites, so I’m sure it’s something I’ve done wrong. Plus, the “Send Us Email” mailto link at the bottom of the footer behaves exactly as I would expect.

My stylesheet is here. I’m giving you that url because my suspicion is that there is something in the CSS that’s causing the problem, but that’s just a guess.

Both the XHTML and CSS validate (that’s usually what I check first when I notice problems - not that that always explains a problem, but …).

I’m experiencing a similar problem with the Home, Recommended Links, Donate, and Login links in the main menu of this not-yet-live website.

I’m feeling kind of dense because I can’t get simple links to work, but I’m tearing my hair out!

Any help anyone could offer would be greatly appreciated!

Thanks in advance,


Thanks noonnope - very helpful!

you’re very welcome!

the problem is with your

<span class="pagefooter2">&#169; 2003-2010, Children's Outreach. All Rights Reserved.</span>

it’s going over your links. try with that span deleted from the page. also try and use developer feats that browsers give you, to inspect elements. they provide, amongst others, a visual of the box each elements implies. this is how i could see the problem. it’s easy. it’s your padding-top: 15px in your .pagefooter2 css rules. elements do have a z-index, you know :slight_smile: whether you set it or not.