Здравствуйте. Вопрос касается CSS, но не дайри, а отдельно взятой странички. Один отступ не даёт мне покоя, готова идти за бубном.

краткий план вёрстки
скрин

extrabottom с ссылками должен быть привязан к самому низу страницы, но при установке значения position:absolut я добиваюсь нужного эффекта только в том случае, если задана высота/мин.высота основного блока, расположенного выше. В противном случае, если высота основного блока не задана, и он имеет довольно небольшой объём, extrabottom взлетает выше, как на картинке. Понятное дело, что установка для основного блока min-height в пикселях - это не выход. Проценты тоже не дают результатов. Как быть? Я допускаю возможность кривизны своих рук и общей вёрстки, но пока хотела бы проверить CSS.

#body { background:url('img/fon.jpg'); margin-top: -30px !important; margin-bottom: -50px !important; padding-bottom: 0px !important; } #body a { color: #cbcbcb; text-decoration: none !important; } #osn { width: 700px !important; } #osn td { padding-left: 20px !important; padding-top: 5px !important; vertical-align: top !important; text-align: center; } .zag { font-size: 14pt !important; color: #eaeaea !important; vertical-align: top !important; } .norm { font-size: 11pt !important; color: #7a7a7a; vertical-align: top !important; } #extrabottom { position: absolute; background:url('img/extrabottom.png'); background-repeat: no-repeat; background-position: center !important; margin-bottom: -7px !important; height: 160px !important; width: 100% !important; font-size: 11pt !important; color: #7a7a7a; text-align: center !important; } #extrabottom a { color: #fbef87 !important; } #extrabottom p { margin-bottom: -10px !important; } #extrabottom div { padding-top: 90px !important; }

Прошу, не кидайте тапками >___< Я параллельно ещё раз всё проверяю и морально почти готова переписать всё с нуля или вообще удалить этот блок