[HTML][CSS]3 divy obok siebie Opcje

[-erick_V-]

Witam,
Na wstępnie zaznaczam, że nie jest to problem taki jak setka innych tematów "3 divy..." na tym forum.
Otóż mi nie chodzi o wysokość a szerokość. Już tłumaczę.

Mam sobie 3 divy obok siebie. Środkowy ma na sztywno ustaloną szerokość a boczne mają zawsze rozciągać się po równo tak aby zawsze ściśle przylegały do ścian okna i do środkowego. No i całość musi być wyśrodkowana, tzn środkowy div zawsze na środku. Boczne divy mają ustawione gradienty w CSS. Wygląda t dość ciekawie. Lewy ma gradient od lewej do prawej i analogicznie prawy na odwrót. A że gradienty są w CSS to ładnie będą mi się rozciągać tylko nie mogę wpaść na to jak zrobić aby te boczne po równi rozciągały się a środkowy był wyśrodkowany.

Zamierzam osiągnąć poniższy efekt:
______________
|<<<|XXXX|>>>|
|<<<|XXXX|>>>|
|<<<|XXXX|>>>|
|<<<|XXXX|>>>|
Oczywiście efekt graficzny a nie tekstowy Gdzie < to div lewy, X to środkowy i > to prawy. X ma na sztywno szerokość a pozostałe zmieniają się w zależności od rozdzielczości czy rozmiaru okna.

Pomoże ktoś. Dziękuję.