mira de esta forma tan sencilla, los divs se ajustan al tamaño de la pantalla y si se reduce hasta el punto de que no quepan, el izquierdo se come al derecho.
Funciona al menos en Explorer 6 y Mozilla 2, que son los browsers que tengo.
Código:
<style>
body {
margin: 0px;
padding: 0px;
}
#cabecera {
position: relative;
background-image: url(centro.png);
background-repeat: repeat-x;
width: 100%;
height: 200px;
}
#derecha {
position: absolute;
right: 0px;
}
#izquierda {
position: absolute;
left: 0px;
}
</style>
...
<body>
<div id="cabecera">
<div id="derecha"><img src="der.png" border=0></div>
<div id="izquierda"><img src="izq.png" border=0></div>
</div>
la altura de #cabecera has de ponerla del mismo tamaño que tengas las imágenes que quieres incrustar.
saludos