Divy u spodního okraje

#footer-games {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

#chat-games {
    background-color:#993333;
    border: 1px solid #CCC;
    width: 30%;
    height: 50px;
    padding:0;
    float: left;
    text-align: center;
}

#cast-bar {
    width: 32%;
    height: 50px;
    float:left;
    margin-left: 5px;
    padding:0;
    text-align: center;
}

#cast-quadra {
    background-color:#000;
    border: 1px solid #CCC;
    width: 9%;
    height: 100%;
    margin-left: 5px;
    float: left;

}
#lvl-quadra {
    background-color:#000;
    border: 1px solid #CCC;
    width: 9%;
    height: 50px;
    margin-left: 5px;
    float: left;
}
#menu-games {
    background-color:#993333;
    border: 1px solid #CCC;
    width: 30%;
    height: 100%;
    padding:0;
    float: left;
    text-align: center;
}

<div id="footer-games">

<div id="chat-games">CHAT</div>

<div id="cast-bar">
<div id="cast-quadra">1</div>
<div id="cast-quadra">2</div>
<div id="cast-quadra">3</div>
<div id="cast-quadra">4</div>
<div id="lvl-quadra">LVL</div>
<div id="cast-quadra">5</div>
<div id="cast-quadra">6</div>
<div id="cast-quadra">7</div>
<div id="cast-quadra">8</div>
</div>

<div id="menu-games">MENU</div>

</div>