Wie Sie sehen werden, habe ich einediv (#innerPageWrapper), das die divs umschließt, die den Inhalt enthalten.#innerPageWrapper wirkt auch optisch als halbtransparenter Rand im Layout.

Mein Problem ist das#innerPageWrapper wird nicht erweitert, um die Kinder hinein zu passen, geschweige denn, um den Rest der Seite auszufüllen.

Dies ist der Code für#innerPageWrapper

#innerPageWrapper {
    width: 1100px;
    height: 100%;
    display: inline-block;
    padding: 0 50px 0 50px;
    background: rgba(0, 0, 0, 0.75) url(navShadow.png) repeat-x top;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

Ich habe viele Dinge (einschließlich calc () für div Höhen) erfolglos versucht. Ich möchte jQuery vermeiden.