К сожалению, свойство «inherit» пока не работает в Internet Explorer 8 и более старых версиях.

CSS-свойство margin-bottom задаёт внешний отступ снизу элемента. Это расстояние между нижним краем текущего элемента и внутренней границей его родительского блока либо с соседним элементом. Обратите внимание – у строчных элементов можно задать лишь внешние отступы слева и справа.

Высоту нижнего внешнего отступа можно указать в пикселях (px), процентах (%) или других единицах измерения. Значение может быть как положительным, так и отрицательным.

Примечание: нижний или верхний внешний отступ дочернего элемента может влиять на общую высоту родительского блока, если у него не задан фиксированный размер высоты.

Объединение полей

1. Соседние элементы-сестры, расположенные друг под другом в потоке документа, объединяются в одно общее поле. Высота этого поля равна высоте более крупного из двух отступов: например, если margin-bottom верхнего элемента 10 px, а нижнего элемента – 20 px, единый отступ будет иметь высоту 20 px.
2. Объединение полей родителя и дочернего происходит только тогда, когда у родительского элемента нет препятствий (рамок, внутреннего отступа или строчного содержимого), разделяющих его внешний отступ и внешнее поле ребёнка.

Синтаксис и значения свойства

margin-bottom: auto | размер | inherit;