My sanity is hanging by a thread as I struggle with an issue on my new webpage. I'm working on a project at www.romaheritage.co.uk/beta, and I can't seem to get a background image to show up in the "contact" section near the bottom of the page when viewed in Google Chrome, even though it displays fine in Firefox. The top background image works perfectly in both browsers, so why the discrepancy?
The CSS code I'm using is as follows (but feel free to check out the website yourself);
background-image: url(../img/contact.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
I would greatly appreciate any assistance or insights from anyone who could help shed light on this for me, as I find myself diving deeper into a matrix of coding confusion...