CSS sivu ongelma + kysymys

http://www.kuvamaja.com/p/KUVAKUVA_png

html,body {
margin:0;
padding:0;
height:100%;
}


div#sivu {
position:relative;
margin:0 auto;
width:1000px;
height:auto !important;
height:100%;
min-height:100%;
}

div#sisalto {
margin-top:40px;
padding:0.3em 1em 3em;
}

div#footer {
position:absolute;
width:100%;
bottom:0;
}

Ongelmana on, että haluaisin tuon sisällön venyvän tuohon footeriin asti, joka on aina sivun pohjalla. Jos lisään tekstiä sinne, niin kyllä se sitten menee alas ja lopulta työntää myös footeria alas, niin kuin pitääkin.

Ja sitten vielä kysymys, että miten saisin tuolle sisällölle hienot reunat, siis jokaiselle reunalle (ja kulmalle) jotain kuvaa? Eikai tarvitse alkaa vääntämään jotain reuna, kulma, katto ja pohja divejä tuonne sisältöön?