The content should wrap around the triangle shapes, it should fit in the content box, so you should see four green rectangles. You shouldn't see any red.
Bug 128693: [CSS Shapes] Adjust lineTop position to the next available wrapping location at shape-outsides