Padding-bottom не работает в ИЕ

[milax]

вот кусок html:

<span class="contacts">
 Цена: <span class="cost">150.00</span>
</span>

Вот css:

span.contacts { background: #f2f2f2; padding: 6px 6px 4px 6px; }
span.cost { color: #cf0105; font-weight: bold; font-size: 16px; }

Нижний паддинг в Файрфоксе работает нормально, а вот и в ИЕ6 и ИЕ7 - его нет

При этом могу выставить и левый и правый и верхний паддинг для ИЕ, а вот нижний не могу..

display: block для .contacts нельзя, т.к. он потянет блок на ширину 100%, а мне надо по контенту.

Подскажите, в чем ошибка и как можно решить эту задачу?

Заранее благодарен.

[Dimitry Wolotko]

В проблемы верстки.

[milax]

Тогда перенесите пожалуйста, второй раз пишу и не туда попадаю

P.S. Dimitry Wolotko, а как отличить куда?

[nemecfc]

Юзай margin-bottom. Я вообще padding пытаюсь особо не использовать, так как часто с ним проблемы, а с margin их практически нет. Хотя, быть может, это только у меня так, не знаю.

[guvatara]

Юзай margin-bottom. Я вообще padding пытаюсь особо не использовать, так как часто с ним проблемы, а с margin их практически нет. Хотя, быть может, это только у меня так, не знаю.

padding - это внутренний отступ и соответсвенно тянет и фон, а margin это внешний отступ и фон он не тянет. А тут можно просто добавить как написано выше маргин внутреннему блоку, чтоб он растягивал фон.

[milax]

Проблема решилась очень просто...

span.contacts { background: #f2f2f2; padding: 6px 6px 4px 6px; position: relative; }

margin-bottom и padding-bottom это две большие разницы, особенно, если есть у блока фон, то эта разнича ощущается хорошо еще и визуально.

А тут можно просто добавить как написано выше маргин внутреннему блоку, чтоб он растягивал фон.

Не тянул... Пробовал. Решение этой проблемы выше. Спасибо всем.

[guvatara]

вот и думай после этого какими руками собирали ослов.