No me muestra el div de abajo :( Ayuda

[CreoTec]

hola chicos, veran me he encontrado con un problema,
tengo creados los divs y ya los ultimos 2 divs no se me meustran en la pagina
el CSS es este:

Código CSS:

#footerm {
    top:985px;
    width:100%;
    height:36px;
    left: 0px;
    border-style:solid;
    border-width:1px;
    border-color:#bab9b9;
    background-image:url(images/serchbar1.jpg);
    background-repeat: repeat-x;
    position:relative;
 
}
 
#pie {
    float:inherit;
    position:fixed;
    top:1022px;
    left: 0px;
    width:100%;
    height:115px;
    border-style:solid;
    border-width:1px;
    border-color:#bab9b9;
    
}
 

t los divs son estos :

Código HTML:

<div id="footerm"><img src="images/serchbar0.jpg" width="44" height="36" align="left" /><img src="images/serchbar2.jpg" width="51" height="36" align="right" /></div>
</div>
<div id="pie">
texto</div>
 

alguien me puede decir porque al mostrar la pagina el div footerm se me muestra a medias se va hacia abajo de la pagina,
y el siguiente ya ni se muestra,
Mucahs gracias de antemano.

[Carlos_1991]

Con position: fixed lo que haces es situar un elemento con la posición absoluta en la ventana del navegador. Un ejemplo de esto sería la barra de debajo del facebook, que se mantiene en la posición aunque bajes hacia abajo de la página. Si añades top: 1022px estás diciendo que el elemento deje encima suyo ese espacio, con lo que en un monitor normal desaparecería el div por debajo. Di que es exactamente como quieres los divs y seguramente tendras la solucion ;)

[nau89]

No puedes ponerle un position relative y luego meterle un top 985 creo yo

Si usas position relatives, los divs van uno debajo de otro i si no pones ningun margin se enganxaran (sin ningun margen entre ambos)

el pie igual, ponlo en relative i sin ningun top o 10px para k veas que se separa.

[jomaruro]

Hola:

¿No es mucho un top de 985px?

Código CSS:

#footerm {
    top:985px;
    width:100%;
    height:36px;
    left: 0px;
    border-style:solid;
    border-width:1px;
    border-color:#bab9b9;
    background-image:url(images/serchbar1.jpg);
    background-repeat: repeat-x;
    position:relative;
 }
 

¿No es mucho un top de 1022px?

Código CSS:

#pie {
    float:inherit;
    position:fixed;
    top:1022px;
    left: 0px;
    width:100%;
    height:115px;
    border-style:solid;
    border-width:1px;
    border-color:#bab9b9;
}
 

¿Con qué resolución trabajas?

Saludos.