Let's just consider this page:
First of all this page is a mess. You've got empty divs like
<!-- #BeginEditable "topbc" -->
<!-- #EndEditable --></div>
If you want help, you need to clean this up as much as possible before
asking people to look at it.
Second, let's consider the original footer example:
In order for the footer to sit at the bottom of the page, it must be in its
own div, not a div nested in another div. I'm not sure if you want the
footer to be at the bottom of the page, or just at the bottom of the
content, but the original example was for the bottom of the page.
The content that's in <div id="bottombc2">. Why can't this be part of the
div footer as well? On Win IE 6, none of your footer items show up, so I'm
not sure what you're going for.
Stay away from multiple <br> tags. If you want spaces between your divs use
margin-top or margin-bottom styles to create a bigger gap. <br> tags are
just more trouble.
The page looks nice, but you need to clean it up before we can really help
you. Take out any empty divs, <p>s and combine the styles as much as you
can. You're on the right track. It just needs a little smoothing out.
Hope I wasn't too critical,
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/