Tengo un menú, creado a partir de la lista desordenada habitual, que quiero diseñar horizontalmente con CSS para que cada entrada de menú sea ligeramente inferior a la entrada anterior. El resultado sería un efecto de escalera:

Home
      News
             About
                    Contact

Mi ejemplo anterior muestra un desplazamiento de línea completa para cada entrada de menú, pero lo que realmente quiero es el control a nivel de píxel de la carcasa de la escalera, de modo que cada entrada de menú es potencialmente una altura de medio o cuarto carácter desplazada del menú anterior entrada

¿Cómo hago que este truco funcione con CSS, preferiblemente sin usar CSS3? Más precisamente, ¿no hay una manera de especificar "esta superficie se representará en la posición X, Yrelativ al elemento renderizado anterior? "