anchor tag issues

within CSS and Firefox

[rthurt]

Here's the site I'm working on. Works fine in IE (we all know how tolerant it is), but the menu links aren't working at all. All of my other links are working just fine.

<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

They are contained within a <div> and there's nothing exceptional about them.

Has anyone else seen this type of behavior? I appretiate anyone's help. I'd like to get this working on both browsers.

Thanks,
~Todd

[edited by: SuzyUK at 8:31 pm (utc) on Mar. 7, 2005]

[rthurt]

here's the CSS:

#menu {
position: absolute;
top: 80px;
left: 300px;
height: 20px;
width: 470px;
text-align: right;
font-size: 14px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #00ffff;
}

here's the HTML for that section:

<div id="menu">
<a href="default.asp">Home</a>&nbsp;&nbsp;&nbsp;
<a href="news.asp">News</a>&nbsp;&nbsp;&nbsp;
<a href="shows.asp">Shows</a>&nbsp;&nbsp;&nbsp;
<a href="media.asp">Media</a>&nbsp;&nbsp;&nbsp;
<a href="bios.asp">Bios</a>&nbsp;&nbsp;&nbsp;
<a href="blog.asp">Blogs</a>&nbsp;&nbsp;&nbsp;
<a href="contact.asp">Contact</a>&nbsp;&nbsp;&nbsp;
<a href="forum.asp">Forum</a>&nbsp;&nbsp;&nbsp;
<a href="links.asp">Links</a>
</div>

Pretty straight-forward I thought, but maybe I'm missing something.

Thanks again for any help!
~Todd

[SuzyUK]

hi rthurt

I see the menu is positioned absolutely, it's possible that any following elements are positioned higher on the z-index (by default) and so "covering up" your menu.

try adding a high z-index to the menu div to see if that helps?

e.g. z-index: 500;

Suzy

[rthurt]

That was it. Thank you very much. I've been beating my head against the wall trying to figure out what I had missed. (literally...i have the dents on my forehead to prove it!)

You're the best!

~Todd

[Saltminer]

Actually the problem is that you have the the #menu absolutely positioned with the top at 80px.
Then the #body is absolutely positioned with the top at 75px.

So the top of the body div is lappling over the top of the menu div.
You could adjust the positioning, or move the layer to the top.

[rthurt]

The z-index solution worked just fine, but thanks for pointing out the positioning issue too! If it were a snake, it would've bitten me. (If it were a snake, I wouldn't have been looking for it!) ;)

I've offically lowered myself in web-design rank: web-rookie.

Thanks for everyone's help. I do appretiate it.

~Todd