why does background-attachment works differently in body and div

Question

I created a background and attached to body it is scrolling to the right fine. but when I attach to a div it doesn't seem to be attached. the scrolling happens in the body.

Here is the link when attached to the body

background-attachment: fixed;

vs when attached to div