Resizable dialog se handle icon does not stack correctly with other dialogs

Reporting from OSX 10.9.2 - issue present on latest Chrome, FF, and Safari browsers.

When a resizable div or dialog overlays another the ui-icon-gripsmall-diagonal-se sprite does not properly stack with each element.

[[Image(https://www.evernote.com/shard/s20/sh/9a0c708d-809d-457a-9579-31a638c304c8/821407ab593220fb34bd97f1eb00ea49/deep/0/CodePen---Pen.png)]]

The handles on these objects are all given a z-index: 90 (which was last considered in #7960)

A reduced test case can be seen in this CodePen - http://codepen.io/anon/pen/BHcJa/

Possible Solution

A solution which I have found to remedy this is to set the z-index for this handle to 0. There is already an existing if block for adding the ui-icon classes on Line 155 of resizable.js - https://github.com/jquery/jquery-ui/blob/master/ui/resizable.js

if ("se" === handle) {
   axis.addClass("ui-icon ui-icon-gripsmall-diagonal-se");
   axis.css({ zIndex: 0 });
}

Of course when dealing with z-index there can be many possible issues so I leave it to you in order to determine the right solution

Thank you for looking at this.