Center a div with a large image than the browser is
I'm quite stuck on this right now, i've tried multiple things but that doesn't work.
Here's the idea:
I have a div that needs to be centered horizontally on a page. The content in this div is an image that is larger than the page itself. It isn't a background image as it's actually a banner that fades in and out.
However, this image needs to be centered in the browser. So that the exact middle of the image, is in the middle of the browser.
I've tried to put an "margin: 0 auto" on the div surrounding it, but that doesn't work.