This div is display: table-cell. Unfortunately IE doesn't support that. Is there a way to make this layout work without it?
Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content.
This p is clear: left – which works in a table cell, but not in a "pure" divs-only layout. It appears just under the float:left div above it, but there's no way to do that if the page columns are floated divs; you have to use display: table-cell. If the left menu is in a floated div, then the clear: left on this p element will move it down below the bottom of that div like this, even though it's outside this p's container.
Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content. Here's quite a lot of content.