Elemento posicionado absolutamente sin width ni height

[trhipahx]

Hola!!!
Sigo con mi curso de posicionamiento en:
http://www.ignside.net/man/css/posicionamiento.php
y me he encontrado ese problema:
Con el siguiente código el elemento azul se extiende hacia la derecha todo lo que la ventana le deja en IE pero en el caso de Firefox por mucho que expandas la ventana del navegador el elemento azul tiene un ancho concreto que coincide con el final del elemento verde.
¿a qué se debe?
Gracias

Elemento posicionado absolutamente sin definir valores width o height

<SPAN STYLE="position:relative;background-color:#90EE90">
Relative green parent.
<SPAN STYLE="position:absolute; top:50px; left:50px;background-color:#ADD8E6">
absolute blue child absolute blue child
absolute blue child absolute blue child
absolute blue child absolute blue absolute blue child
</SPAN>
</SPAN>

¿quieres verlo?

Este ejemplo muestra un elemento posicionado absolutamente, sin propiedades widht y height.
Al estrechar la ventana del navegador, el rectángulo que contiene al elemento azul ocupa siempre el espacio hasta la derecha, extendiendose hacia abajo si es necesario.

[talmente]

Hola, el problema es que tienes dos etiquetas <span> con distintos estilos ¿que no se yo?!, en el primero tienes esto:

Código:

<SPAN STYLE="position:relative;background-color:#90EE90">

Eso IE6 no lo ve por que según tengo entendido si no defines ninguna posición (top, Leith…) no hace nada. Pero FF si lo ve y a de más es el que interpreta por que es lo primero que lee, por lo tanto en IE6 se ve el segundo:

Código:

<SPAN STYLE="position:absolute; top:50px; left:50px;background-color:#ADD8E6">
absolute blue child absolute blue child
absolute blue child absolute blue child
absolute blue child absolute blue absolute blue child
</SPAN>

Y en FF el primero. Quítale la posición relativa al primer <span> y lo comprobaras o cambia de posición los <span> y veras que los dos se colocan en posición absoluta.

Bueno, creo que es más o menos así.

[trhipahx]

Creo que tu respuesta no es lo que buscaba.
IE si ve el primer <SPAN> lo que ocurre es que IE y FF interpretan de forma distinta el segundo.

[talmente]

Bueno es que están anidadas, y no se por que (lo mío no es la teoría) pero la posición relativa esta afectando al segundo <span>. Si le quitas la posición relativa se ven los dos igual en ie y en ff.¿!?