Teniendo este código
<div>
<div class="item1 item active">
</div>
<div class="item2 item">
</div>
<div class="item3 item">
</div>
<div class="item4 item">
</div>
</div>
.item1{
height:370px;
width:100%;
background-image: url('res/images/publi/1.png');
}
.item2{
height:370px;
width:100%;
background-image: url('res/images/publi/2.png');
}
.item3{
height:370px;
width:100%;
background-image: url('res/images/publi/3.png');
}
.item4{
height:370px;
width:100%;
background-image: url('res/images/publi/4.png');
}
Y siendo las imagenes de diferentes tamaños, como hago que todos ocupen el mismo espacio sin dejar bordes por los lados o arriba y abajo?