jQuery Forum

#3 you should do .show().position().hide().show( animation ). You don't want to position during an animation because the element is wrapped for animations.

#4 is a bug in jQuery UI that has already been fixed (and released; use something newer than 1.8.0, like 1.8.4).

First run in FF and Chrome the menu opens centered over the button.  After closing and re-opening, the menu position is fine.

You can see the init code in the demo, and the pertinent logic from the widget is as follows:

Any help would be appreciated.

When you click the to show the multiselect the UL is being assigned a height probably after its been positioned. So the positioning is based on the original height of the div which is 108px, and is actually possitioned correctly above like you want the problem is the height has changed and it doesn't look right.  After the height has been set. Clicking again positions off the new height which is 202px. To fix your solution you can assign the ul a height of 175px which is what is being assigned when you first click the box. 

So the real bug is in the multiselect the assigning of the height needs to happen before positioning occurs.

Here is how to see the results
run in the console when the page first loads

$('ul').parent().show();

$('ul').parent().height(); // displays 108

run again when you first open the multiselect
$('ul').parent().height(); //displays: 202