Размер блока в CSS с погрешностью
Всем привет. Давно мучает вопрос, как задать размер блока в процентах с некой погрешностью? Допустим, есть материнский блок. Он имеет 100% высоту и такую же ширину, то есть занимает всю страницу браузера. Внутри материнского блока - блок с шапкой сайта. По ширине он тоже 100%, а вот высота фиксированная, допустим 50 пикселей. Следом за шапкой, снизу, идет блок с содержимым сайта. Ширина тоже 100%, а вот высота неизвестна. Как задать блоку с содержимым сайта остаточную высоту? Что бы было как 100%, только с погрешностью на 50 пикселей, которые занимает шапка? Что то вроде 100% - 50 px. Пример:
<div id="mother" style="width: 100%; height: 100%; position: relative;" >
<div id="shapka" style="width: 100%; height: 50px; position: relative;" ></div>
<div id="content" style="width: 100%; height: ???; position: relative;"></div>
</div>
Есть какой то универсальный способ?