So I have a background image and the code for it is

body {
background-image:url(image/Bingham%20Dental%20body%20background%20image.jpg);
margin:0 auto;
width:100%;

}

The problem is that the image is wider than my screen the image is starting on the left portion of the screen verses cutting off the left portion and centering the background. Is that even possible? The reason I want it to cut some off on smaller monitors is that the image does not repeat well in the x-axis direction.