css - jQuery ui menu not positioning correctly -

css - jQuery ui menu not positioning correctly -

here's jsfiddle.

http://jsfiddle.net/jgreen/k6qsd/2/

the menu doesn't seem respecting positioning.

.menu({ position: { my: "right top", at: "right bottom", of: $('#button1'), collision: "none" } })

i'm trying menu line right side of button, not left side it's doing.

thanks in advance.

edit: snowp provided way behavior css, i'm looking why it's not working jquery ui.

edit #2: did not grok critical part of documentation. position alternative 'identifies position of submenus...'. submenu != menu. doh.

@jgreen jquery solution required menu

$(this).next().show().menu().position({ my: "right top", at: "right bottom", of: $('#button1'), collision: "none" })

jquery css jquery-ui