alt131 - 9:55 pm on Feb 2, 2011 (gmt 0)

Hi TracidTrax and welcome to WebmasterWorld ;)

If I understand your explanation correctly, you want the footer to sit below #container, so that if the content of #sidebar and #body is longer than the height of the viewport, #footer won't be visible until the user scrolls the page.

If that is right, avoid positioning, and allow the elements to flow naturally:
1. Remove position:relative from #container
2. Remove position:absolute and bottom:0 from #footer and #footer text
3. Remove the clearing div from the html (and the css rules) and set clear:left on the #footer itself

At this stage you may find #footer is being "pulled" upwards so it overlaps #container, so
4. Remove margin-bottom:-100px from #container

The height:100% should not really be required for lt ie7, but probably not hurting at this stage.
[edit]for clarification[/edit]