combinar padding y height

[doylelives]

Hola gente:
Soy principiante en css, en un div asigno una imagen para el fondo la cual mide 1x100 px.

Código PHP:

  background:  url(../images/footer_gradient.jpg);
height:100px;
padding:10px; 
   

1. tuve que usar heigth para que el div tenga la altura de la imagen, que es lo que yo deseo, pero ¿existe otra propiedad mas adecuada para ello?

2. a su vez quise que el contenido esté separado de los bordes del div, para lo que usé padding:10px, pero me agrandó la altura del div prueba de ello aparece de nuevo la imagen en el espacio agregado, al fondo del div

Gracias!!

[alexk]

es que tu div ahora tiene height:120px; ya que se suma el padding tanto el top como el bottom
height:100px; + padding-top:10px; + padding-bottom:10px; = height:120px;
necesitas ver Modelo de cajas. para saber mas del tema

[doylelives]

mmmmm, bueno posteo el código

Código PHP:

  <div id="footer">
            This site is proudly using Symfony 1.3
      </div> 
   

Código PHP:

  #footer {
    background:  url(../images/footer_gradient.jpg);
    padding:10px;
    height:100px;
} 
   

y como podria lograr lo del punto 1 y 2...
Gracias.

[alexk]

¬¬
height:80px;

[webosiris]

hola, lee de nuevo el enlace que puso alexk sobre el modelo de cajas.

Básicamente es así:
altura total interna (hasta aquí va el fondo) = padding top + height + padding bottom
altura total externa = margin top + border top + altura total interna + border bottom + margin bottom