Z-index menu problems

[Tanthalas]

I'm trying to create a horizontal tabbed menu, with overlapping image tab backgrounds.  I've gotten as far as the "horizontal" and "tabbed" bits, with everything positioned as it should be, but I'll be damned if I can get the overlapping right.

http://sandbox.neodaemos.co.uk/menutest/test.html

Each tab should overlay the one to the right of it.  Currently it's in source order - ie, the other way round.

I've tried using some z-index stuff to fix it, but to no avail so far.  Thought I'd got my stacking contexts right, but obviously not. Can anyone tell me where I'm going wrong with this?  TIA

[Mr Anderson]

You're floating them, when you should be (absolutely) positioning them within the list.

[Tanthalas]

Cheers Mr teh Hurri.  That seems to be working fine.