CSS Step Navigation

• Step 1: XXXXXXXXEt nequ a quam turpis duisi
• Step 2: XXXXXXXXEt nequ a quam turpis duisi
• Step 3: XXXXXXXXEt nequ a quam turpis duisi
• Step 4: XXXXXXXXEt nequ a quam turpis duisi
• Step 5: XXXXXXXXEt nequ a quam turpis duisi

Notes

• Does not work in IE6,7,8. Works in IE9 beta.
• Uses no images.
• Using box-sizing: border-box this can be made fluid-width easily (if there are a fixed number of steps).
• The white gap between the arrows is NOT transparent.