Резиновый Header из 3-х изображений

[vladka]

Привет! Столкнулся с проблемой при верстке. Необходимо, чтобы хедер был резиновый, центральная часть оставалась на месте (900 px), слева\справа фоновые картинки растягиваются\сужаются в зависимости от ширины.

Пробовал с float играть, появилась проблема с позиционированием. Сделал центральный див, вписав в него 3 дива с обтеканием, на левый правый установил 25%, центральный 50%

Изображения во вложении.

Вот css:

#wrap {
width: 100%;
height: 100%;
background-color: yellow;
}

#inwrap {
width: 100%;
height: 100%;
margin: 0 auto;
background-color: red;
}

#head {
width: 100%;
height: 104px;
background-color: yellow;
margin: 0 auto;
}

#midhead {
width: 50%;
height: 100%;
background-color: black;
margin: 0 auto;

}

#inhead {
width: 900px;
height: 104px;
background-image: url(../images/top.jpg);
overflow: hidden;
}

#leftear{
width: 25%;
height: 104px;
float: left;
background-image: url(../images/lear.jpg);
}

#rightear{
width: 25%;
height: 104px;
background-image: url(../images/rear.jpg);
float: left;
}