Resizer Element Questions

I've been tinkering with the resizer element and have a couple of questions I'm hoping someone with more experience can answer.

1.  I have this test code in a window element:
	<vbox flex="1">
		<hbox style="background-color: grey;border: solid black 1px;">
			<resizer dir="topleft" style="cursor: nw-resize;"/>
			<spacer flex="1" />
			<resizer dir="top" style="background-color: grey; cursor: n-resize;"/>
			<spacer flex="1" />
			<resizer dir="topright" style="cursor: ne-resize;"/>
		</hbox>
		<hbox style="background-color: grey; border: solid black 1px;">
			<resizer dir="left" style="cursor: w-resize;"/>
			<spacer flex="1" />
			<resizer dir="right" style="cursor: e-resize;" tooltiptext="Right resize."/>
		</hbox>
		<hbox style="background-color: grey; border: solid black 1px;">
			<resizer dir="bottomleft" style="cursor: sw-resize;"/>
			<spacer flex="1" />
			<resizer dir="bottom" style="background-color: grey; cursor: s-resize;"/>
			<spacer flex="1" />
			<resizer dir="bottomright" style="cursor: se-resize;"/>
		</hbox>
	</vbox>

When ran, the many of the resizer icons are pointing in the wrong direction.  For example, the resizer icon in the top left corner should be pointing "NW" but is actually pointing "SE".  What causes that and can it be corrected?

2.  Are there any other values for the cursor and type attributes?  The documentation is a bit slim.

3.  Can the icon (the dots in the shape of a triangle) be changed at all?