qué hay de malo en este codigo?

[aniMAYtions]

Hola compañer@s.

He creado un código para mostar una serie de elementos, entre ellos un formulario, y me hace un extraño que no entiendo por qué.
Por ejemplo en el siguiente caso se muestra el módulo de logueo

Código HTML:

<div id='zona_derecha' >
                <div id='cabecera_derecha'>
                    <div id='contenido_cabecera'>
                        <div id='imagen_cabecera'></div>
                        <div id='titulo'></div>
                    </div>
                    <div id='img_cabecera_derecha' align="center">
                         <img src="images/cabecera_derecha.png" width="100%" align="left" />
                    </div>
                    
                </div>
                <div class='cleared'></div>
                <div id='contenido_derecha' style='z-index:2'>
                    <?
                        cargaLogin();
                    ?>
                </div>
                
            </div>
 

Esto hace que la imágen de la cabecera se redimensione y se mantenga en su sitio.
El otro div es para mostrar lo que es el contenido que cargarían los botones.

Resulta que, lo primero es que no puedo situar el cursor sobre ninguno de los campos de texto. O sea, no puedo loguearme porque no me deja.
Pero si quito el div de la cabecera todo vuelve a la normalidad, me deja escribir mi username y mi password. Es como si el div del modulo de logueo estuviese de alguna forma ligado al de la cabecera. Es más, si doy doble click sobre el div de logueo se queda seleccionada la cabecera.

Me duele ya la cabeza de darle vueltas al tema y esto nunca me habia pasado así que no sé por dónde van los tiros.

Si necesitais más código decídmelo y os lo pongo.

Saludos y gracias!!