Problema de maquetacion

[Ratus-BROWN]

Hola Marcosnc_08,

te comento lo que he hecho, porque aún poniendo un ancho y alto fijo se me deforma la web al hacer mas pequeño el browser:

<div id=contenedor>
<img src="img/icono.png" width="129" style="float:right;" height="166" border="0" />
<img src="img/beach.jpg" width="400" style="margin-left:260px;" height="166" border="0" />
</div>

estas son las lineas en Html, se trata de dos imagenes en un DIV, una esta posicionada a 260 px por la izquierda y la otra imagen esta posicionada al otro lado del DIV en la derecha.

Para el control del DIV "contenedor" uso esta regla CSS:

#contenedor {
margin-left:auto;
margin-right:auto;
border:solid #CC0000;
height:166px;
}

pues aun teniendo la altura fija.....al mover el browser se me descoloca la imagen "beach.jpg" y se pone abajo........ya no se que hacer, porque he visto páginas (las de este foro mismo) que cuando muevo el browser todo se queda en su sitio.....

Gracias
R,brown