Poner una caja en posicion fija.

[Iballa]

Hola, estoy haciendo un footer, y quiero dejarlo fijo, aunque se mueva la barra lateral de desplazamiento.

Lo hago con position:fixed.. Le pongo a la caja padre del footer un position:relative, para darle a la caja hija unas coordenadas a partir de la caja padre, tal y como hay que hacer según el manual, pero no me sale, y no se por qué. La caja hija, la que me interesa que salga, desaparece cuando le doy fixed position, en cambio, si le doy position:absolute a la caja hija, si me sale, aunque obviamente, no se queda fija. ¿alguien me puede ayudar? gracias

Código HTML:

<footer>
      <div id="footer2">
         <p>xxxxxxxxx</p>
         
      </div>
    </footer>
 

Código CSS:

/*PIE*/
footer {
    
    position: absolute;
    
}
#footer2 {
    background: #697F45;
    color: white;
    font-size: 0.8em;
    padding: 1em;
    padding-bottom: 2em;
    position:fixed;
    top: 0px;
    text-align: center;
    
 
}