score:1

your .container2 must contain the floats you can simply add .container2{ overflow: hidden;} for a quick fix otherwise i'd recommend using clearfix

as for the footer just use position:relative instead of absolute.

i cannot see the picture as it's local but i presume it works correctly now.

here is an working example.

code:

.container2 {
    overflow:hidden;
}

.footer{
    position:relative;
    bottom:0;
    width:100%;
    height:60px;
    background-color : rgb(255,192,0);
    -moz-box-shadow:    0px -4px 5px 2px #ccc;
    -webkit-box-shadow: 0px -4px 5px 2px #ccc;
    box-shadow:         0px -4px 5px 2px #ccc;
    margin-top : 50px;
}

Related Query

More Query from same tag