Стыковка подвала с основной частью

[Raz0r]

Есть шаблон на дивах, основное поле статичное 800пх - содержит в себе центральную часть и левую. Фон у подвала картинкой на всю ширину страницы и находится всегда прилепленным к нижнему краю страницы. Нужно сделать чтобы текст основного поля на 250пх "заезжал" на картинку подвала, а фон основной части доходил впритык до верхего края. На рисунке - основная часть (красно-черная), подвал (зеленый), то что из основного должно быть без фона -черным, то где фон дожен быть - красным. Z-index что-то не помогает Как можно так состыковать?

[profiX0808]

сначала должен быть блок красный фиксированой ширины, затем блок зеленый (width="100%") и в него вложенный блок фиксированной ширины черный.

а "общий" фон белый.

[Raz0r]

меня не ширина интересует, а высота - цвет заливки должен доходить до верхнего края подвала и все, дальше основной блок идет уже с фоном подвала, т.е без цвета

[profiX0808]

высота красного и черного блока или фиксированная или в зависимости от количества контента в них, высота зеленого блока 100%

[Raz0r]

не подойдет. Красно-черный блок - это один блок, один див...просто надо было чтобы фон дива доходил до зеленой черты и "терял" цвет фона - был прозрачным/отображал цвет зеленого фона. Но решил иначе - в "стакане" основного сделал свое "дно" которое полностью повторяет картинку черной заливки

[profiX0808]

описание на самом деле трудно было понять, ориентировался на картинку...
другими словами вложили в красный стакан черное дно?
и как тогда отрегулировали дно, чтобы оно "начиналось" вместе с зеленым блоком?

[gdX]

ссылка лучше тысячи слов