Большая просьба направить или помочь с решением задачи создания следующего поведения div на странице.

| <-> | фикса 700 px | <-> |

левая колонка нечем не заполняется только фоном, правая также нечем не заполняется только фоном. Фоны разные и колонки исходя из размера сужаются или расширяются

я так понимаю нужно сделать вложения

<div id="left_block">
<div id="right_block">
<div id="main_block">
<p>текст текст текст текст текст </p>
</div>
</div>
</div>

css пишу

#left_block {background-images: url(....); width: 100%; min-height: 100%; height: 100%;}
#right_block{background-images: url(....); width: 100%; min-height: 100%; height: 100%;}
#main_block{width: 100%; min-height: 100%; height: 100%;}