IE8, z-index and pseudo-elements - how to overcome?

Question

HTML

jsfiddle.net/a2v6s/ - from browsers that support pseudo-elements, it renders as it should everywhere, except for IE8. Developer tools show that the z-index of the element and the attached pseudo-element (h1 and h1:before) becomes common, determined by h1 (and if it is missing, then by h1:before)

I would like to find a solution without piling up unnecessary tags

Answer 1

Unfortunately, I don't have IE handy. But for memory, I suggest trying several options: zoom=1, z-index> 10 (or> 100, I don’t remember), overflow=hidden