problema <iframe> que tapa un <div>

[Pelirr]

Hola, el fichero css es este:

Código:

@charset
"utf-8"
;
/* CSS Document */

body {
    margin: 0;
    background-color: #eae9e9;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-weight: bolder;
}

#contenedor {
    width: 1520px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#cabecera {
    width: 1520px;
}

#cabecera #logo {
    float: left; /*width:100px;*/
    font-size: 14px;
    font-weight: bolder;
    font-variant: normal;
}

#cabecera #logo #a {

}

#cabecera #menu {
    float: center;
    width: auto;
}

#login {
    float: left;
    width: 420px;
    background-color: #000000;
}

#contenido {
    float: left;
    width: 1520px;
    background-image: url(../images/bg_imagen.png);
    background-repeat: repeat-x;
}

#contenido #info {
    width: 100%;
    background-image: url(../images/info.png);
    height: 35px;
    background-position: center;
}

#contenido #principal {
    float: left;
    width: 370px;
    background-color: #000000;
    height: 292px;
}

#contenido #secundario {
    float: left;
    width: 1040px;
    height: 292px;
}

#contenido #down {
    width: 100%;
    background-image: url(../images/bg_down.png);
    background-repeat: repeat-x;
    height: 96px;
}

#contenido #downpies {
    float: left;
    width: 369px;
    height: 80px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999999;
    margin: 5px;
}

#pie {
    clear: both;
    height: 35px;
    background-image: url(../images/pie.png);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-repeat: no-repeat;
}

#formulario {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    height: auto;
    width: auto;
    margin-top: 35px;
    margin-right: 50px;
    margin-bottom: 70px;
    margin-left: 60px;
}

form.formato input {
    margin: 0.4em;
    padding: .2em
}

.label {
    display: block;
    margin: 5px 0 0 0;
}

.btn {
    display: block margin: 1em 0;
}

div {
    margin: 0px;
}

div label {
    width: 100%;
    float: left;
}

.input1 {
    display: block margin: 1em 0;
    width: 30px;
}

.inputfecha {
    display: block margin: 1em 0;
    width: 120px;
}

.inputvuelo {
    display: block margin: 1em 0;
    width: 80px;
}

He probado a poner primero #contenido y después #cabecera, pero me sigue pasando lo mismo. Tb he probado a poner el atributo AllowTransparency en el iframe pero tampoco. No encuentro la manera de solucionarlo. Antes de que se cargue el <iframe> el menú se visualiza bien, pero una vez insertado es como si no fuera con él todo lo que pongo. Por si sirve de algo, dentro del iframe lo que cargo es un informe de jasperreport, en formato pdf. Si alguien me puede orientar sobre ésto sería una gran ayuda.

Un saludo