el padding y el margin mozilla y explorer lo interpretan cada quien como quiere
por ejemplo algo tan sencillo como esto puede convertirse en un verdadero lio tratando de que se vea bien en todos los navegadores
Código:
<div style="height:120px;padding:10px">
aaaa
</div>
si lo que buscas es que halla un espacio entre las imagenes respecto a la capa quita el padding de la capa y ponselo a las imagenes y ademas asignale un ancho a la capa,algo asi
Código:
div#pie {
width:690px;
height : 50 px; // por ejemplo
margin-left:auto;
margin-right:auto;
background:#333333;
color:#FFFFFF;
}
img.img_pie {
padding-top : 5px
}
<div id="pie">
<img class="img_pie">
</div>