internet explorer - Css :after doesn't work on button element in any IE version -

i can't code work in ie version. doing wrong or ie crap usual?

<button>a button</button>  button {     position: relative; }  button:after {     content: "can u see me?";     position: absolute;     right: -100px;     top: 0; } 

http://jsfiddle.net/96ryusnp/

you need add overflow: visible button.

<button>a button</button>  button {     position: relative;     overflow: hidden; }  button:after {     content: "can u see me?";     position: absolute;     right: -100px;     top: 0; } 

http://jsfiddle.net/96ryusnp/1/

ie must set hidden default on buttons.