Bug 106927: [CSS Exclusions] Handle shape-outside changing a float's overhang behavior

You should see a yellow square to the left of a blue square, with the blue square covering the text in the yellow area. The lower green rectangle should have text wrapping around a square area on the right as if there is a float there. You should not see any red.

XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX
The float is defined here, but the shape pushes it into the above div. Note that the exclusion behavior stays with the shape and not with the float.