@private
Returns a number indicating how the browser reports scrollLeft on overflowing rtl
elements.  This method cannot be used reliably on the documentElement or
document.body because the behavior of these elements can be different from other
elements in some browsers.

0: offset from right (negative number) - firefox
1: offset from left (positive number) - IE6, IE7, IE6 - IE9 quirks, and Webkit
2: offset from right (positive number) - IE8 - IE10 & IE10 quirks

@return {Number}
function() {
        var el = Ext.getBody().createChild({
            tag: 'div',
            style: 'position:absolute;overflow:auto;height:100px;width:100px;',
            children: [{
                tag: 'div',
                style: 'height:30px;width:150px;'
            }]
        }),
        dom = el.dom,
        flag = 2;

        if (dom.scrollLeft === 50) {
            flag = 1;
        } else {
            dom.scrollLeft = -1;
            if (dom.scrollLeft) {
                flag = 0;
            }
        }

        el.remove();

        return flag;
    }