Salve, questa è la struttura html della pagina:

codice:
<body>
<div id="container">

<div id="newstime">
<div id="news">
</div></div>

<div id="footer">
</div>
</body>
questo è il css relativo:

codice:
#news { 
position: relative;
background: #E6E6E6;
        border: solid 1px #000;
        margin: 0px auto;
        font-family: verdana;
        font-size: 11px;
        padding: 6px;
    }

#newstime { position: relative;
        margin: 0px auto;
        font-family: verdana;
        font-size: 11px;
        padding: 6px;
          }

#container {    position: relative;
                width: 50%;
                border: solid 1px #000;
                margin: 0px auto;
                font-family: verdana;
                font-size: 11px;
                padding: 6px;
                min-height: 600px;
           }

#footer { position: absolute;
          bottom: 0px;
          width: 100%;
        }
Quello che vorrei è che #footer rimanesse sempre appunto al bottom del div esterno #container. C'è un problema che non riesco a risolvere.
Così #footer rimane dove voglio io ma quando l'height delle news supera o raggiunge l'altezza minima, il #footer rimane sempre al bottom del div esterno ma si accavalla all'ultima news. Come posso risolvere il problema?