parallax background image position

I am trying to make parallax page title and need the background image to **not ** be anchored at the top. My CSS modifications are ignored relative to vertical positioning, though they work with horizontal positioning.

#page-title.page-title-parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: right center!important;
	background-repeat: no-repeat;
}

What am I doing wrong?

http://beta.of-g.com/meetdeveloper-test.html

I really do not care if it is parallax or not, just want the background image positioned properly.

Please help!

Upon further examination, the problem seems to relate to large monitors. Page works appropriately when I am on 1920 x 1080 laptop. However nothing I can do will make it scale properly on 2560 x 1600 screen. I have tried everything!

Please help! I am going bonkers over this!!!

It appears that the css background img is scaling based on the size of the monitor, regardless of the size of the browser window.

Something is causing the img to be magnified -- like about 2x its actual size -- when it does not need to do this to fit the container. I don't know if it is the fact that I have two 2560x1600 monitors or something else. Even if I remove all custom css, still have magnification effect.

And again, all works fine on 1920 x 1080 laptop.

Thank you. Yes, I figured out the issue with "cover". The problem is there is no way to make the BG img stretch like you need it for a large screen without using cover. Something seems very buggy here in the way the magnifications work. Not sure if it's CSS or the javascript, but somewhere. I got it close enough for what I am doing though, so not my problem.

Thanks again!