lalcmellkmal/doushio — pull request #11 by lanc33 (2012-10-24 11:11:28+00:00)
Title: A new fix for #4

I've finally managed to redo the fix for #4, now with the changes you've required. The changes have been broken down to three separate commits. I have not included the .scroll-lock styling this time.

About the ```div.clearfix```, it is a common technique to deal with problems caused by using float elements. Here's a good description that [I found](http://www.webtoolkit.info/css-clearfix.html):
> The problem happens when a floated element is within a container box, that element does not automatically force the container’s height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow.

So by placing the ```

``` at the end of the container, we force it to contain all of its children, regardless of the ```float``` property.