Divs que se descontrolan

[dario-g]

Prueba esto es el uso de la propiedad min-higth: y una daptacion para qu funcione en iexplorer

#contenedor {
clear: both;
}
#izquierda, #derecha {
float: left;
width: 48%;
min-height:200px;
heigth:auto !important;
height:200px;
}
#izquierda a, #derecha a {
height: 100%;
display: block;
background: #FDE6B5;
margin: 0px 5px 17px 5px;
padding: 5px;
border: 1px solid #FCD68F;
}
#izquierda a:hover, #derecha a:hover {
background-color: #FCDEA0;
}
#izquierda img, #derecha img {
float: left;
margin: 3px 4px 0px 3px;
}
a.nulo:link, a.nulo:visited, a.nulo:hover {
color: #000000;
text-decoration: none;
}
.activo {
color: #1F17AE;
text-decoration: none;
font-weight: bold;
}


Ademas dependiendo de la resolucion se te pueden descuadrar por el modelo de cajas diferente entre firefox e ixplorer por ello le baje un poco el width.

Te sugiero que si vas a usarlo asi, emples clases en lugar de ID's, debido a que solo se npuede poner in id por pagina en el estandar xhtml, asi que cambialos a clases... espero te sirva