por lo que trate de enteder intenta con esto:
1) Crea un div que tenga un ancho del 100%, dentro de este div van a estar los dos divs en cuestión:
#contenedor_linea{
position: relative;
height: 140px:
width:100%;
}
2) Modifica el div de ancho fijo así:
#imgCabecera{
position: relative;
float:right;
height:140px;
width:760px;
background:url(images/cabecera.jpg);
background-repeat:no-repeat;
}
3) Modifica el div que completa la linea así:
#imgProlongada{
position: relative;
float:left;
height:140px;
width: 100%;
background:url(images/prolongacion.jpg);
background-repeat:repeat-x;
}
Y en el codigo HTML incluilos así;
<div id="contenedor_linea">
<div id="imgCabecera"></div>
<div id="imgProlongada"></div>
</div>