Problema al aplicar css para igualar columnas

[fer86]

Hola buenas,

Solicito la ayuda de los gurús del foro ya que no encuentro la solución a un problema que me trae de cabeza.

Mi problema es el siguiente:

Estoy diseñando una web con cabecera, footer y en medio de ambos elementos, tres columnas.

Para igualar la altura de dichas columnas he utilizado el método de darles formato de tabla con css, es decir, un contenedor principal con la propiedad display:table, dentro del cual hay otro contenedor con la propiedad display: table-row, dentro del cual están las tres columnas, cada una de las cuales tiene la propiedad display: table-cell.

Hasta aquí todo perfecto, las tres columnas quedan igualadas en altura. El problema aparece cuando le aplico un padding-top o margin-top al primer elemento de cualquiera de las columnas laterales: el contenido de las demás columnas se me desplaza hacia abajo siguiendo exactamente dicho margin o padding (es decir, es como si se lo aplicara a todas).

¿Alguien sabe por qué puede suceder ésto?