Pozadí stránky repeat-x s rozdílnou výškou napravo a nalevo

Dobrý den,
potřeboval bych udělat layout stránky podobné tomuto schématu:



Ovšem nenapadá mě, jak pomocí opakování docílit rozdílného pozadí v pravé a levé části. Obrovský obrázek je nechutné řešení a tak se ptám, zda někdo napadne něco šikovnějšího. Kompatibilita pro všechny prohlížeče je samozřejmý požadavek.

Předem díky za jakékoli návrhy

Taps:
To právě není jen tak, potřeboval jsem nekonečné opakování, když jsem je hodil na absolutně na 50% a jeden natáhl nalevo a druhý napravo, tak vzhledem k tomu, že šikmý přechod mezi nimi potřeboval průhledné pozadí to nešlo. Taktéž vzhledem k tomu, že levá část webu, kde začíná vyšší bg a táhne se doleva nelze napozicovat procenty, udělal jsem to tak, že levý div je relativně záporně napozicován vzhledem k počátku webu (levý horní roh). Pravá část je pak opakována v celém body po celé šířce protože se schová za vyšší a ani v headeru webu nevadí.

Tak jen kdyby to někdo řešil také.