Highcharts: Custom button - symbol is misplaced

Question

I have added a new custom button, with my own symbol image: But the image is not placed as should :( Can some one help? Thanks Chanan

Here is how i added the button:

    exporting: {
        buttons: {
            'myButton': {
                _id: 'myButton',
                symbol: 'url(images/gallery/reset_zoom.jpg)',
                x: -62,
                symbolFill: '#B5C9DF',
                hoverSymbolFill: '#779ABF',
                onclick: function() {
                    alert('click!')
                }
            }
        }
    }

Answer 1

Found the answer :) using symbolX and symbolY

    exporting: {
        buttons: {
            'myButton': {
                _id: 'myButton',
                symbol: 'url(images/gallery/reset_zoom.jpg)',
                symbolX:6,
                symbolY:6,
                x: -62,
                symbolFill: '#B5C9DF',
                hoverSymbolFill: '#779ABF',
                onclick: function() {
                    alert('click!')
                }
            }
        }
    }