What is it you’re trying to achieve? Divs by default are block level and would fall beneath one another naturally. Then you’ve set them to display: table which would do the same thing but change other characteristics. But that doesn’t matter because you’ve then overridden that with the floats. And now you want each float to clear the previous… why bother?
Do you understand what the clearfix method is for? It seems like you’re using it where a simple clear: left (or clear: both) would suffice. At any rate the reason things aren’t working as you would like is that the psuedo elements are children of the element and therefor are in a different layout context than the floating boxes.
