Background-image In Body:before On IE Not Working

I have created a webdesign with used body:before tag to 'split' the design, similar to the TwentyFifteen theme of WordPress (https://wordpress.org/themes/twentyfifteen/) But I don'

Solution 1:

I found a 'solution', that run into an other problem. ;-)

When I set

html, body { overflow: auto; }

Then, the background-image was displayed proper in IE 10 and IE 11. But now I have the IE 11 smooth scrolling problem (The background image jump all over the place when using the mouse wheel. When using the scrollbar, it works fine). Anyway, this variant is better for me, than not displaying the background-image. So I still hoping, that MS correct the smooth-scrolling bug.

I made a fork in CodePen with this correction: http://codepen.io/anon/pen/rabMMm

(this was the originally CodePen code: http://codepen.io/anon/pen/qEwEVy)

Or did any knows a solution to fix the smooth scrolling prolem from IE?