Собственно говоря есть 3 картинки, одна должна быть сверху, с фиксированной высотой, посередине размножается, снизу фиксированная Делаю это так: Ну и css td.centerline { background: url('{WEBPATH}/template/images/line_vert_2.gif') center repeat-y; z-index: 1; height: 100%; } td.centerline div.up { height: 50%; background: url('{WEBPATH}/template/images/line_vert_1.gif') top center no-repeat; z-index: 2; border: 1px solid red; } td.centerline div.bottom { height: 50%; background: url('{WEBPATH}/template/images/line_vert_3.gif') bottom center no-repeat; z-index: 2; border: 1px solid red; } В фф всё нормально, в ие конечно же нет, баг известный. Тогда я пытался сделать div.bottom всегда снизу: td.centerline div.bottom { height: 140px; position-absolute: relative; top: 100%; || bottom: 0; ... } Ещё попробовал вот такой забавный вариант: td.centerline div.bottom { padding-top: 100%-140px; margin-top: 100%-140px; height: 140px; ... } Собственно говоря первый вариант работает, но только если отключить, что делать он не хотелось бы (стоит <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ) Есть ли на данный момент нормальное решение этой проблемы? А то очень не хочется дописывать на js или убирать DOCTYPE. Заранее спс.
