CODEWITHSUNDEEP
htmlcssinternet-explorer-7
alex
alex

Reputation: 490333

Weird CSS issue with absolutely positioned elements

In firefox, safari, ie8, the menu system on my site works great.

However, in IE7, the link items simply disappear! I've tried many things to see where they may have escaped to, but they have seemed to simply vanish!

This site seemed like it might be onto something, except there are no floats in my header section whatsoever!

Now, I'm usually pretty good with CSS and can get my way out of most IE bugs, but this one is driving me slightly insane.

I've tried using IE8's developer tools too but have not managed to fix it.

Any ideas?

Note I realise this site breaks a few usability conventions (the checkbox for one) but I did not design it and don't have much of a say :(

Upvotes: 0

Views: 136

Answers (2)

SpliFF
SpliFF

Reputation: 38976

The problem is

#header ul li {text-indent: -9999px}

I can't tell you why other browsers handle it but I tested it and I know it's the problem.

Upvotes: 1

Cᴏʀʏ
Cᴏʀʏ

Reputation: 107546

What happens in IE7 if you try position: fixed instead of position: absolute?

Upvotes: 0

Related Questions