no ajustan bien los css

[jimmmi31]

Hola, ya he probado lo que me dijeron en estos foros sobre usar ajax o php para aplicar contenido o bien frames o iframes.

Edito: Tengo 2 capas a la izquierda y 2 capas en la derecha, la cuestion es que esas capas se queden donde estan a su mismo tamaño y sin moverse aunque se redimensione el navegador y no que las capas vayan cambiando de posicion segun se redimensiona la ventana del navegador, porque se desajusta totalmente.

Código:

BODY{
	margin-top:-1em;
        margin-left:7px;	
	background-color: #006e00;
background-image: url(../imagenes/fondopa.png);
	background-repeat: repeat-x;
	}
/* colocacion menu */
#head{
position: absolute;
	top: 75px;
	left: 110px;
}

/*panel derecho colocar paginas */
  #contenidos {
    float:right;
    width:70%;
    margin-bottom:10px;
    margin-right:10px;
    padding:10px;
height:320px;
    border:1px solid #0000;
background-color:white;
    }
/* panel izquierdo */
  #panelizq {
    float:left;
    margin-left:52px;
    width:20%;
    height:150px;
    margin-bottom:20px;
    padding:0px;
    border:0px solid #000;
background-color:#ffffff;
    }
  #panelibajo {
    float:left;
   margin-left:51px;
    width:20%;
    height:265px;
    margin-bottom:20px;
margin-top:-5px;
    padding:0px;
background-color:#ffffff;
    border:1px solid #000;
}


  #pie {
    float:right;
padding:0px;
border:1px solid #000;
height:70px;
width:70%;
margin-top:1px;
margin-botton:10px;
margin-right:10px;
background-color:#ffffff;
}

Si lo miro en otro navegador se ve peor aun usando la convencion w3c.

No doy con ello, para que una capa este al lado de otra tienen que ser float, pero no hay forma de evitar que se altere la pagina al redimensionarla.

gracias