Despite logic, links not working!

[cooknwitha]

I am oh so close to finishing my little "travel diary" website. I leave in 3 weeks. It's not supposed to be clever, just simple and basic but pleasing to the eye.

All seems fine EXCEPT three of the four links on the top menu aren't working. But get this, they work in IE. Firefox and Safari won't let it work. How is it that IE is working!? It's been the bain with everything else except this!

All the links are dead but if you click on the side menu links, it activates the "visited link" font on the top ones. They just don't turn up as links. In fact, you can't even highlight them as text.

Any ideas what the hell is going wrong?

Here it is.

 

[Mitthrawnuruodo]

My guess is the float: left on the #tm----s are messing things up... especially since the leftmost works using FF 1.5.0.1 on an Mac...

 

[cooknwitha]

Mitthrawnuruodo, you seem to be my coach with all my problems.

Sadly, it's not float. I meant to mention that. I even tried making them absolute positioned divs but they just wouldn't work. No matter if I change their a class or the position of them, the left one always works. All the others.... nothing.

 

[Mitthrawnuruodo]

Ok... I'm often lurking 'round in the web design forum...

Try useing z-index, to tell what is the upmost layer, that should do the trick:

#topmenu {
	background-image:url(/greybg.jpg);
	background-repeat:repeat-x repeat-y;
	position:absolute;
	top: 150px;
	left:20px;
	height: 20px;
	width: 940px;
[B]	z-index: 20;
[/B]	}
#tmcontact {
	float:left;
	width:25%;
[B]	z-index: 10;
[/B]	}
#tmvideo {
	float:left;
	width:25%;	
[B]	z-index: 10;
[/B]	}
#tmphoto {
	float:left;
	width:25%;
[B]	z-index: 10;
[/B]	}
#tmdiary {
	float:left;
	width:25%;
[B]	z-index: 10;
[/B]	}

 

[cooknwitha]

Brilliant as always!

I'd completely forgotten about z-index and layers orders. Of course that's why IE was working! Because it's a useless program that can't read layers very well.

So thanks heaps Mitthrawnuruodo. You've helped restore my sanity.