IE8 z-index en los selectores css anteriores y posteriores

Esto es muy frustrante ...

http: //jsfiddle.net/RRnm8

funciona bien en todos los navegadores, excepto IE8 ...

debería mostrarse así:

versión correcta http://f.cl.ly/items/4410273m1G1m1O2U0K0a/Screen%20shot%202011-04-04%20at%2016.40.54.pn

Pero en IE8 obtienes esto: '

wrong version http://f.cl.ly/items/2e351L0G3y2H1O1g1a1L/Screen%20shot%202011-04-04%20at%2016.41.41.pn

Entonces la pregunta sería cómo hacer que esto funcione correctamente en IE8?

Proporcione la respuesta como un ejemplo de trabajo real en jsfiddle ...

Este amigo tiene exactamente el mismo problema. No obtuvo respuesta peroest que claramente no funciona, de ahí mi amable solicitud de un ejemplo de trabajo que lo demuestre en jsfiddle

Gracias por adelantado :

Respuestas a la pregunta(1)

Su respuesta a la pregunta