Weird CSS issue with absolutely positioned elements

Question

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 :(

Answer 1

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

Answer 2

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.