Question

I am trying to centre an image vertically and horizontally in a container. The size of the container is fixed, however the image can be of any size and needs to fit in the box. I have managed so far to get it centred horizontally but not vertically.

I have done some googling and tried some different methods but they either don’t work, or do one or the other.

Here is a simplified sample of what I have so far:

http://jsfiddle.net/ZLXq2/

EDIT

Just right after I posted this up, I solved it! Typical. The solution can be found here

http://jsfiddle.net/ZLXq2/1/

Answer 1

Scratch that, I have managed to fix it, and for anyone hitting the issue, it can be seen here:

http://jsfiddle.net/ZLXq2/1/