A protruding floated element

Playground toy The container for this paragraph is outlined in red. As you can see, the image floats to the left, but it protrudes from the container.

A cleared div

This div, outlined in blue, is under the floated image above because of this rule:

#cleared {
clear: left;
border: thin solid #00C;
}