Good morning everyone. I taught myself some html and css last Monday and am currently working on a Website banner at the top of a page.

I am trying to take this picture:

and have it displayed cropped very linearly so that the train is the only thing showing. (a Banner). I got it to work in Mozilla firefox using [;background-position:35% 50%] but this command doesn't work in internet explorer. I'm not too familiar with javascript but I'm looking for any way to do this.


P.S. my company, General Electric uses internet explorer as default so switching isn't an option.