Cosas sobre CSS

Al menos en Firefox, me encuentro:

• Si en una capa con position: relative escribo dentro unicamente una capa con position: absolute, el alto de la capa contenedora es cero. Para mí no tiene mucha lógica, porque lo que estás haciendo es "posicionar" la capa dentro de la otra, vale, está posicionada, pero sigue dentro de ella, y ¿cómo puede estar dentro de ella si la capa contenedora tiene tamaño cero?. Es como si me meto el monedero en el bolsillo, no puedo "posicionarlo" fuera del bolsillo. Aquí dentro va una capa, sí, la que está fuera.
  ¿Por qué esta capa está fuera de la contenedora si realmente está dentro?
  
  
  
  
  
  
  

  <span style="border: 1px solid #315C7C;   position: relative;">   Aquí dentro va una capa, sí, la que está fuera.   <div style="position: absolute;     top: 20px;     border: 1px solid #315C7C">       ¿Por qué esta capa está fuera de la contenedora si realmente está dentro?   </div> </span>

• Si una capa tiene un width y un height fijos, si yo modifico el valor del padding, la capa aumenta el valor del padding en su tamaño. No tiene lógica, porque el padding es la distancia entre el borde y el contenido. Pues si el tamaño de la caja es 100px y el padding izquierdo es de 10px, quiere decir que empiezo a escribir en el pixel 10, pero no que el tamaño tiene que ser de 110px.

Bueno, quizás son cosas erróneas las que escribo, yo creo que a mí me ocurren. ¿Alguien sabe si esto tiene que ocurrir así? Actualización Federico me comenta que es debido a que al posicionarlo como absolute se sale del "normal flow", podéis ver su explicación en los comentarios.