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!!

[sbsyoel]

Si pudieras colgarlo en algún hosting para verlo, estaría bien.

[aniMAYtions]

Gracias sbsyoel.
Lo malo es lo de siempre, que se trata de una intranet y el host es interno.
Voy a poneros el código completo

Código HTML:

<div id='contenedor' align="center">
        <div id='cabecera'>
            <div id='img_cabecera'>
                <img src="images/encabezado_cnse.jpg" width="90%" height="8em"/>
            </div>
            <div class='cleared'></div>
        </div>
        <div id='contenido'>
            <div id='menu_izqd'>
                <?
                    //cargaBotonesIzq();
                ?>
                <div id='img_menu_izqd' align="right">
                     <img src="images/fondo_menu_izqd.png" height="96%" />
                     <div class='cleared'></div>
                </div>
            </div>
            <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='border:1px solid green; z-index:2'>
                    <?
                        cargaLogin();
                    ?>
                </div>
                
            </div>
           <div id='pie'>
               <div id='img_pie' align="right">
                <img src="images/pie.gif" width="85%" height="5em" />
                </div>
                <div class='cleared'></div>
             </div>
            <div id='img_contenido' align="right">
                <img src="images/fondo_contenido.gif" width="85%" height="20em" />
            </div>
             <div class='cleared'></div>
             
        </div>
        
</div>
 

cargaLogin contiene el siguiente código

Código PHP:

echo"<div id='login' style='z-index=2; margin-top:3em'>
        <fieldset>
    <form name='fidentifica' method = 'post' action = '#'>
        <table>
            <tr>
                <td><input type='text' name='user' id='user' class='username' value='Nombre de usuario' onClick='javascript:vaciaInput();'/></td>
                <td class='anchotd'>&nbsp;</td>
            </tr>
            <tr>
                <td><input type='password' name='pss' class='contrasenia' value=''/></td>
                <td class='anchotd'><div class='log'><input type='button' name='bslogin' value='' class='botonlogin' src='./images/logueo/login.png' title='Enviar' onclick='xajax_login(document.fidentifica.user.value, document.fidentifica.pss.value)'/></div></td>                 
            </tr>
            <tr>
                <td colspan = '2'>
                    <span class='login'>
                        <a href='#'><span class='lostpassword' title='No recuerdas tu clave?'></span></a><a href='#'><span class='lostusername' title='No recuerdas tu usuario?'></span></a><a href='#'><span class='registration' title='Crear una cuenta nueva'></span></a>
                    </span>
                </td>
            </tr>
        </table>
        </form>
        </fieldset>
    </div>";
 

Sólo decir que este proyecto acabo de empezarlo y llevo muy poquito hecho y tiene poco más que el armazón en HTML.

Gracias de nuevo y saludos.

[webosiris]

un montón de divs sin CSS no sirven de nada, poseta los códigos completos y finales por favor, osea nada de php sino el código html final, junto con su correspondiente css.

[aniMAYtions]

Gracias por vuestra ayuda chic@s. Pero finalmente encontré el fallo.
Se trata del div <div id='img_cabecera_derecha' align="center">. Al no tener una altura predefinida tomaba todo el alto del div contenedor se ponía por encima del div de logueo. Finalmente le he dado una altura en em y se ha quedado en su sitio.

Gracias de nuevo y saludos!!