function adecuarAlturas(divContenedor, divFondo, imgImagen) {
    
    var altoContenedor, altoFondo, altoImagen, contenedor, fondo, imagen;
    var navegador, arregloNavegador;
    var dimensions;
    
    //capto los objetos que queremos redimensionar
    contenedor = document.getElementById(divContenedor); 
    fondo = document.getElementById(divFondo); 
    imagen = document.getElementById(imgImagen); 
    navegador = navigator.appName
    
    arregloNavegador = 1;
    
    dimensions = $('pagina').getDimensions();
    
    //Obtengo la altura de los elementos
    altoFondo = fondo.clientHeight;
    altoImagen = imagen.clientHeight;
    
    //Obtengo la altura de los elementos
    altoContenedor = 0.0626 * dimensions.height;
    altoFondo = 0.0626 * altoFondo;
    altoImagen = 0.0626 * altoImagen;
    
    //Para el minheight en el explorer
    if (navegador == "Microsoft Internet Explorer") { 
        if (altoContenedor < 26 ) {
            altoContenedor = 26;
        }
    }
    
    
    //Si el div contenedor es mayor que el div de fondo, 
    //le asignamos su altura al de fondo y a la imagen
    
    if (altoContenedor > altoFondo) {
        altoFondo = altoContenedor + arregloNavegador + 'em'; 
        altoImagen = altoContenedor + arregloNavegador + 'em'; 
    }
    
    //le asigno la altura a los div
    
    contenedor.style.height = altoContenedor + arregloNavegador + 'em';
    contenedor.style.zindex = 1;
    
    fondo.style.height = altoFondo;
    fondo.style.zindex = 0;
    
    imagen.style.height = altoImagen;
    imagen.style.zindex = 0;
    
    return false;
    
}