Question

I have done this JS fiddle as an example:
JS FIDDLE EXAMPLE

.column {
width: 100px;
height: 100%;
float: left;

}

You can see the yellow footer is not appearing below the floated column divs when the column divs have a height of 100%, but instead it is appearing in the same position.
If anyone can help me with this i would appreciate it.
Thanks

Answer 1

You need to add a clear to your footer div:

clear: both;

http://jsfiddle.net/G7kdB/8/