I have a div (footer) element that can contain 1 or more of 3 different div elements that contain footer information and backgrounds

i have notice that when I float the footer element to the bottom of the page in my page definition that the sub div's arent there.

does anyone know how to do this?

@page { 
    @bottom { content: flow(footer) }
}
div.footer {
    flow: static(footer)
}
div.banner
{
    background: url("footer.png")
}

<div class="footer">
    <div class="footer_msg">some final words</div>
    <div class="banner"></div>
</div>

Is anything appearing in the footer at all, or is the footer div just disappearing from the document altogether?