Cita:
Iniciado por phisc 
Si el padding es interior (se realiza dentro de la capa), porque se descoloca todo?
La anchura y altura de un elemento no solamente se calculan teniendo en cuenta sus propiedades width y height. El margen, el
relleno y los bordes establecidos a un elemento determinan la anchura y altura final del elemento.
Mira este código
Código CSS:
Ver originaldiv {
width: 300px;
padding-left: 50px;
padding-right: 50px;
margin-left: 30px;
margin-right: 30px;
border: 10px solid black;
}
La anchura total con la que se muestra el elemento no son los 300 píxel indicados en la propiedad width, sino que se tienen en cuenta todos sus márgenes, rellenos y bordes: 30px + 10px + 50px + 300px + 50px + 10px + 30px = 480 píxel
Asi que si pones un padding de 5px se lo tendrás que restara al width.
Extraido de
Librosweb.es Cita:
Iniciado por metal_boy El padding es el espacio existente entre el contenido y el borde, se supone que no todo debería pasar así, prueba cambiando la posición de las capas es decir absolute.
Cuidado con la información que damos sin contrastar, a veces liamos mas que ayudamos. La posición absolute en el estándar de CSS, se explica como que
la caja sale por completo del flujo normal del documento. De hecho, las cajas posicionadas de forma absoluta parece que están en un nivel diferente al resto de elementos de la página. Por ese motivo, al poner absolute se descoloca.
Saludos¡¡