If statement #2 above is passed, then the UA determines the cursor to display based on the current context. The rule applied is "#id1 {cursor: ne-resize}".
A nw-resize is used. The rule applied is "#id2 {cursor: nw-resize}".
The n-resize cursor is used. The rule applied is "#id3 {cursor: n-resize}".
Here the cursor should be se-resize . The rule applied is "#id4 {cursor: se-resize}".
Here a sw-resize cursor is used. The rule applied is "#id5 {cursor: sw-resize}".
Here a s-resize cursor is used. The rule applied is "#id6 {cursor: s-resize}".
Here a w-resize cursor is used. The rule applied is "#id7 {cursor: w-resize}".
All other properties of this page should be UA-default.