Background is only as wide as view-port

Question

Annoying problem!

When I zoom-in on my view-port window (happens in Firefox, chrome) and then scroll horizontally to the right, my background images are clipped

Answer 1

The fix for this is to set min-width on the body:

body{ width:100%;min-width: 1002px; }

This fixes problem on all browsers that I have as well as iphone (according to iphonetester although I realise it's probably best to add some media queries now to really give the best solution to handheld users