HTML5 side med baggrund der scalere og beskære

Jeg er ved at lave en HTML5 side der skal kunne bruges på flere platforme.

Jeg har fundet formlen til at styre css alt efter skærm størrelsen.

min udfordring går på at lave en opdeling som beskære et baggrundsbillede i den mellemste række optimalt.

Et eksempel på en løsning der næsten ligner det jeg er efter
er denne

http://css-tricks.com/perfect-full-page-background-image/

Udofrdringen er dog at hvis skærmstørrelsen bliver for smal i forhold til højren så fylder billedet ikke hele siden. Her ville der være godt hvis baggrunden blev beskåret i steddet.

Nogen der kender en god løsning der ikke er flash?