Posicionar dos capas en el mismo sitio (con relative)

[aitor méndez]

Tengo que posicionar dos capas <div> de forma relativa, pero necesito
que las dos aparezcan siempre en el mismo sitio (es decir,
superpuesta una a la otra).

No me sale. La única solución que conozco es el posicionamiento
absoluto, pero es importante que sea relativo, ya que las capas deben
aparecer después de otro contenido.

¿Sabe alguien cómo se consigue?

(se me ocurre poniendo un top-margin negativo en una de ellas, pero sería poco preciso, ya que el punto de partida del div dependería del renderizado que haga cada navegador, es decir, cada navegador necesitaría un valor distinto)

Muchas gracias de antemano

[hariam]

prueba combinando los z-index, por ejemplo:

primer <div>{

z-index:1
position: relative;
}

segundo <div> {

position: relative;
top: - XX px;
}

[Mikmoro]

Si las capas deben salir después de otro contenido, pero siempre igual, supuerpuestas una a la otra, para mi lo más lógico sería envolver las dos capas en un contenedor que tenga posición relativa (así irá el bloque después de otro contenido), y ellas ponerlas dentro en posición absoluta (que será absoluta con respecto a su contenedor).

Mikel.

[Shiryu_Libra]

aprovechando este tema, me gustaria saber si existe la posibilidad de asignarla a la capa story un solo lugar, y aunque cree varias que esten en la posicion de la primera. esto debido a que en el foro de de JAVASCRIPT
http://www.forosdelweb.com/showthread.php?t=470756, creo unas tablas mediante consulta, donde ya creo las paginaciones

#content{
float: left;
width: 75%;
}

.feature{
padding: 0px 0px 10px 10px;
font-size: 80%;
}
.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;
}
<div id="content">
<div class="feature">
<DIV CLASS="story">
</DIV>
</DIV>
</DIV>


algun aporte ??