IE7 does not render z-index on li:hover

The paragraph is positioned above the list. On hover, positions should inverse, but IE7 fails to render z-index change on div:hover unless you nudge it with certain properties. direction:ltr works like a charm

This is some text inside the div.

paragraph
with z-index:10