CSS定位（IE和General！）

Question

我的网站标记存在两个问题，并且想知道是否有人可以提供帮助。

https://jsfiddle.net/d6nxx17y/（相关代码的小提琴！）

<div id="container">

        <div id="titlebar">             
            <div id="titlebar_icon"></div>
        </div>

        <div id="menubar">
            <div id="menubar_user"></div>
            <a onclick="loadFaq()"></a>
            <a onclick="loadAbout()"></a>
            <span class="school_logout_button"></span>
        </div>

        <div id="central">
            <div id="centre_left"></div>
            <div id="centre_central"></div>
            <div id="centre_right"></div>
        </div>

        <div id="footer">

            stuff here      

            <span style="float: right;">
                Stuff here too.
            </span>         

        </div>

        <div id="achievements_panel"></div>
    </div>

和CSS

/* Position classes */
#body { }
#container { width: 75%; margin-left: auto; margin-right: auto; margin-top: -10px; }
#titlebar { position: relative; height: 100px; }
#menubar { position: relative; }
#central { position: relative; height: 500px; }
#footer { position: relative; clear: both; height: 50px; }
#centre_left { position: absolute; width: 250px; left: 0px; height: 100%; overflow: auto; }
#centre_central { position: absolute; left: 250px; right: 250px; top: 0px; bottom: 0px; overflow: auto; }
#centre_right { position: absolute; width: 230px; top: 0px; right: 0px; height: 100%; }

这就是它的样子。

1. 问题＃1只是一个定位问题。我希望页脚的底部与页面底部齐平。我在这里尝试了各种组合方式，包括底部：0px，高度：100％（这会增加页面的大小，就像标题不计入高度一样）。切换相对和绝对定位模式并重新调整div本身。我不了解定位的一些事情，但未能使这项工作：（

2. 问题＃2是经典的，＆＃34;它在IE＆＃34;中不起作用。有点问题。我不希望任何人有快速修复，但如果你知道一个好的网站，我所遇到的问题概述，那么我可以自己修复。谷歌没有向我提供任何有用的东西。我可能正在寻找错误的东西：（