Oye se me ocurre un cambio, dos enlaces <a> por contenedor, sin divs derecha e izquierda
#contenedor {
clear: both;
min-height:200px;
heigth:auto !important;
height:200px;
}
#izquierda a, #derecha a {
float: left;
width: 48%;
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;
}
Aqui el min heihgt, esta por "renglon" donde cada renglo va a contener dos enlaces <a> flotados con determinadas caracteristicas (float, width). y el min-hegth estara en el contenedor, por lo que si en un "renglon" un cuaddro es grande el de al llado tendra la misma altura, y eliminas la necesida de divs izquierda y derecha, y de hecho puedes hacer una unica clase para los enlaces