Layout liquido con flash ridimensionabile

[afer]

Ciao a tutti!

Sto cercando di capire se è possibile impostare un layout liquido composto da header, content e footer in cui, inserendo un filmato flash nel content, esso occupi tutto lo spazio disponibile ridimensionandosi mantenendo la proporzione al ridimensionamento della finestra del browser.

Il layout l'ho impostato con i moduli di dreamweaver:

body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
}
.oneColLiqCtrHdr #container {
    width: 80%;
    background: #FFFFFF;
    margin: 0 auto;
    border: 1px solid #000000;
    text-align: left;
}
.oneColLiqCtrHdr #header {
    background: #DDDDDD; 
    padding: 0 10px 0 20px;
}
.oneColLiqCtrHdr #header h1 {
    margin: 0;
    padding: 10px 0;
}
.oneColLiqCtrHdr #mainContent {
    background: #FFFFFF;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
}
.oneColLiqCtrHdr #footer { 
    padding: 0 10px;
    background:#DDDDDD;
} 
.oneColLiqCtrHdr #footer p {
    margin: 0;
    padding: 10px 0;
} 

Così impostato funziona come vorrei solo su IE 7. Su firefox 2 vedo il filmato piccino, mentre su Opera 9.26 vedo solo header e footer.

Qualche suggerimento?

Grazie!