помогите с версткой

[zero20]

Никак не могу разобраться в верстке
Сделал шапку:

<div id="wrap">
 <div id="img1"></div>
 <div id="img2"><a href="#"><img src="/logo.gif" alt=""></a></div>
 <div id="img3"></div>
 <div id="imgbg"></div>
 <div id="img4"></div>
</div>

Стили для блоков:

html{min-width: 1000px;}
#wrap{
max-width: 1500px;
 margin: 0 auto;
}

#img1{
background:url('img1.jpg') no-repeat;
width: 276px;
height: 203px;
float: left;
}
#img2{
width: 155px;
height: 203px;
float: left;
}
#img3{
background:url('header1.gif') no-repeat;
width: 296px;
height: 203px;
float: left;
}
#imgbg{
background:url('line-header.gif') repeat-x;

height: 203px;
float: left;
}
#img4{
background:url('img.jpg') no-repeat;
width: 291px;
height: 203px;
float: left;
}

Макет должен иметь ширину по умолчанию 1500px, а минимальную ширину 1000px. Картинки img1 и img2 имееют фиксированный размер, а вот селектор imgbg должен растягиваться по ширине в зависимости от маштаба.
Вопрос как это сделать?

 

[_sokal_]

imgbg нужна указать в % отнашении.

 

[zero20]

imgbg нужна указать в % отнашении.

указывал, при ширине 1500px все отлично, как начинаешь уменьшать где-то до 1200px поледняя img4 переходит на вторую строку, хотя указал min-width: 1000px.

 

[_sokal_]

я так понял imgbg монотонный,можно залить wrap,одним цветом или изображение(из imgbg),а img4 выравнять по правой стороне,imgbg можно будет убрать, а на его месте будет видна подложка кторая в wrap.

 

[troop3r]

попробуй:

#img4{float:right;}
#imgbg{overflow:hidden;}

 

[zero20]

Все спасибо, разобрался как и было сказано, залил на 100% wrap бекраундом imgbg, img4 к праву, и все тип топ.