Espacio en Blanco entre imagenes

[Mikmoro]

Mira, lo de los 10px que dices que con la imagen de abajo no te ocurre es lo siguiente: como te expliqué, esos dos bloques miden unos 16px cada uno (en IE), y tu imagen mide 10px. La de abajo te sale bien porque aunque su contenedor es mayor, si no le indicas otra cosa, el fondo se coloca en la parte superior de la caja, y por eso, aunque sea más grande la caja, la imagen sale pegada arriba.
Con la de arriba pasa lo mismo, pero como la tienes pegada a la parte superior de la caja, al no rellenarla deja un espacio vacío debajo. Podrías comprobarlo fácilmente probando la segunda solución que te di, es decir, pegando la imagen de fondo a la parte inferior de la caja:

div.foottop {
background: url(img/foottop.png) no-repeat center bottom;
height:10px;
width:340px;
}

y verás que se ajusta sin usar lo de los 5px.

El otro asunto le echo un vistazo luego a ver si se ve qué pasa.

Mikel.