Test to see if the overflow and clip properties are handled correctly.

There are four tests here that modify the overflow and clip properties on an embedded svg element. The content of the embedded svg element is a green circle that is larger than the viewport. So in some cases the circle should appear clipped to the viewport boundary of the svg element.

In the top left corner, overflow is set to visible. This means the circle should be fully visible.

In the top right corner, overflow is set to scroll. Therefore circle should not be fully visible, and a scrolling mechanism (through scroll bars or through panning) should be present to allow the user to scroll through the viewport established by the embedded svg element.

In the bottom left corner, overflow is set to hidden and clip to auto. Therefore, the circle should be clipped to the viewport set by the svg element.

In the bottom right corner, overflow is set to hidden and clip to a specific rectangle. Therefore the circle should be clipped to the rectangle. The rectangle is specified in the user space established by the svg element.

The rendered picture should match the reference image exactly, except for possible variations in the labelling text (per CSS2 rules).