Clearing Footer not working

[Ammo]

I'm trying to clear the footer like so:\[code\]<div> <div class="left">Left</div> <div class="right">Right</div> <div class="footer clear">Footer</div><div>\[/code\]\[code\].left { background-color: red; float: left;}.right { background-color: blue; float: right;}.footer { background-color: orange;}// clear.clear { clear: both;}\[/code\]Fiddle here: http://jsfiddle.net/RYYFw/8/But the footer is not clearing. Does anyone know why?