When you look at the site via Chrome, what you are seeing is an interpretation of your CSS, rather than the literal contents of your stylesheet, which may be why you can't match what your seeing there to what you're giving it.

I think that you problem is most likely this
body {
color:#333;
font: 12px tahoma, sans-serif;
background-color:#300603;
margin:0 15px;
background-image:url(../images/body-bg.jpg);
background-repeat: no-repeat;
background-position: center;
}
I think you meant to put
body {
color:#333;
font: 12px tahoma, sans-serif;
background-color:#300603;
margin:0 15px;
background-image:url(../images/body-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
}
Currently your background image is being centered vertically as well as horizontally, so on longer pages, it moves down.