Links not clickable in firefox

HTML & CSS
1

Hey,

I am fixing an old site made some time ago and can’t work out why the links in the #left column <div> are not clickable in Firefox??

If you look at this page in IE:

http://fatzk.com/mens.php

There are 4 links on the left, “Save me”, “Adore me”, “Watch me”, “Bespoke”.

Can anyone help me out? Apologies for the html it was one of my first websites :injured:

Thanks

2

Haha,

Fixed that now! Thanks a lot.

3

because you’re using position absolute to place your divs. I’d prefer to use other methods, such as floats, but if you want to use position:absolute, you need z-indexes if you place two or more divs on top of each other.

However, as it seems, this is the result of using two divs with the same id#content. Never ever use the same id more than once in a document.

Also, this error is easily spotted using either the w3 validator or Firebug, both tools I strongly suggest to use for these sort of things.

Edit, this time Stomme beat me to it

4

Hi Billy,
it’s only amazing that IE makes anything clickable at all. Remember to always re-send your pages through the validator whenever you hit a bug: you never know when a silly mistake ends up actually causing problems in one browser or another.

Your links seem covered up… I think by your duplicate div id=“content”, which does share CSS with another div id=“content”… you know you can only have one of those.

See if changing the id of that other div (or removing it entirely) changes things in Firefox.