[Помогите] верстка блока

Подскажите как сверстать такой блок как на изображение , если делать его фиксированым тогда проблем не будет но хочет сделать по человечески ) т.е если блок увеличивался дизайн не страдал

 

Делаем HTML структуру:
<div class="wrraper">
<div class="header">
</div>
<div class="content">
</div>
<div class="clear"></div>
<div class="footer">
</div>
</div>

Оформляем CSS:
.clear{clear:both; height:1px; width:100%;}
.wrraper{width:; margin:0 auto;}
.header{height:;background:url('../'); background-size:cover;}
.content{padding:10px;}
.footer{height:;background:url('../'); background-size:cover;}