Necessito del vostro aiuto per risolvere un problema su un layout di una pagina che credevo banale e invece mi sta facendo perdere i capelli.
Il problema è nel div che ha id subcont nel codice che segue:
subcont contiene un div per il menu e uno per i contenuti, di cui non posso conoscere a priori l'estensione e di cui non posso definire quindi una height.
Succede che non indicando l'altezza di subcont, il div footer si posiziona sopra a subcont sul suo bordo superiore.

Cosa devo fare per:
1-mettere il footer che "segua", cioè che venga dopo, subcont?
2-far si che il bordo arancio a dx di subcont si estenda per tutta la lunghezza di subcont (ovvero del più "alto" dei div che subcont contiene)?


(se avete il FF col firebug dovreste individuare facilmente i div)
<div id="container" style="position:absolute;width:955px;left:50%;marg in-left:-477px;">
<div style="height:12px;background-color:#ff0000;position:relative;"></div>
<div id="flashtop" style="width:955px;height:146px;background-color:#FFFFFF;position:relative;"></div>
<div style="height:12px;background-color:#ff0000;position:relative;"></div>
<div id="subcont" style="width:955px; border-right:1px; border-right-style: solid; border-right-color: #EF711B; position:relative;">
<div id="menu" style="width:192px;background-color:#ff00ff;left:0;top:0;padding-top:32px;position:absolute;"></div>
<div id="contenuto" style="right:0;top:0;width:750px; background-color:#00ffff; padding:5px;position:absolute;"></div>
</div>
<div id="footer" style="height:84px;background-color:#ff0000;position:relative;">
<div style="width:100px;height:42px;position:absolute;l eft:46;top:15px;"></div>
</div>
</div>
Grazie ai benefattori che mi aiuteranno!