Unable to center background images used in CSS transitions.

[sweetbeanspromo]

I am having trouble centering some background images I am using on a new site.

 

Currently it is displaying on the left hand side of the parent element and if I put display: inline-block it displays on the right. I remember using display: inline-block to get it to do this the last time I used transitions but i'm obviously not doing it right this time.

 

Any help appreciated its the second to last thing left to do before the sites ready!

 

http://newsite.currypie.co.uk/index.html

 

Thanks in advance.

[Day]

it looks like the images are already centered in their parent div: "ch-info".

[sweetbeanspromo]

Thanks for the reply Ryan. Any idea why the background isn't then displaying in the center?