problemas con capas+posicion absoluta

[-thor-]

Hola,mi problema es que en firefox el posicionamiento de capas de se ve bien,en cambio en explorer aparece una capa sobre otra y no funciona el overflow que utilizo.
Como puedo solucionar el problema que describo?
gracias

Aqui en las imagenes explico mejor:
Firefox,se me ven las capas con espacio como deseo:

de esta forma utilizo el codigo

Código:

<div id="fondo">
 <p id="texto">
El dragón (del latín draco, y éste del griego drakon, "víbora" o "serpiente") es un animal mitológico que aparece en diversas formas en varias culturas en todo el mundo, con diferentes simbolismos asociados. Se le representa como una gran serpiente o lagarto escamado (o emplumado en América), parecido a un cocodrilo, provisto de alas de murciélago, y/o que escupe fuego por la boca, por lo que en Occidente suele adoptar la forma de un clásico monstruo con grandes garras e inmensa cola.
</div>
</div>

Explorer,me aparece una capa sobre otra :s

el codigo css,lo utilizo de la misma forma que en firefox

Código:

<div id="fondo">
 <p id="texto">
El dragón (del latín draco, y éste del griego drakon, "víbora" o "serpiente") es un animal mitológico que aparece en diversas formas en varias culturas en todo el mundo, con diferentes simbolismos asociados. Se le representa como una gran serpiente o lagarto escamado (o emplumado en América), parecido a un cocodrilo, provisto de alas de murciélago, y/o que escupe fuego por la boca, por lo que en Occidente suele adoptar la forma de un clásico monstruo con grandes garras e inmensa cola.
</div>
</div>

Este es el codigo css que utilizo para realizar esa funcion:

Código:

* html body {
  overflow:auto;
  color:black;
  text-align:left;
  cursor:crosshair;
  }

  #fondo {
  position:absolute;
  top:0;
  left:20px;
  width:100%;
  height:100%;
  overflow:auto;
  padding-top:10px;
  padding-left:130px;
  }


  #texto
  {
  text-align:left;
  background:#339999;
  margin-right:150px;
  font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:white;
  text-indent:10px;
  Padding-left:0.1in;
  Padding-right:0.1in;
  }
html>body #fondo {
  position:static;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
  overflow:visible;
}

[Mikmoro]

Antes de pasar a mirar el problema con más detalle, he de decirte que aquí tienes un error:

<div id="fondo">
<p id="texto">
El dragón (del latín draco, y éste del griego drakon, "víbora" o "serpiente") es un animal mitológico que aparece en diversas formas en varias culturas en todo el mundo, con diferentes simbolismos asociados. Se le representa como una gran serpiente o lagarto escamado (o emplumado en América), parecido a un cocodrilo, provisto de alas de murciélago, y/o que escupe fuego por la boca, por lo que en Occidente suele adoptar la forma de un clásico monstruo con grandes garras e inmensa cola.
</div>
</div>

Si has empezado el párrafo con "p" ( <p id="texto">), deberás terminarlo con </p>, no con </div>.

Mikel.

[-thor-]

gracias,ese era el primer error y el segundo error fue que estaba declarando dos veces la capa fondo.