1) The search bar at the top is going over the edge of the top bar. I think it’s actually a case of the top bar not stretching far enough, but I’ve got it set to 100% width so that’s confusing… (same with the footer)
2) The content is stuck to the left hand side, it needs to have a gap similar to the right hand side.
You need to set a min-width for your body element.
Basically I threw in min-width: 1050px; just to see if it works and it’s fine – work out the exact width the elements inside it make and apply that min width and this cut off will stop.
The reasoning is that your body is set to 100% width, which applies to the viewport (browser area). So if the content overspills that 100% with a gap beyond that 100% width at any point it leaves a space and cuts off the background. You can see this is you downsize the horizontal width of your browser window and then scroll right.
Setting the min-width cures this problem. Also – I think you might have a couple of div clearing issues, I noticed that the main page container does not clear it’s elements – so might be worth checking out.