Custom select menu options not positioned under select

Custom select menu options not positioned under select

I am trying to use the custom select menu and finding that the options are displayed in a location far away from the select menu and label.  I am using the custom select menu inside a dialog - not sure if that is what is causing the issue or not.

I have the following code:

  1.                 <div data-role="fieldcontain">
                        <label class="ui-input-text">Contact</label>
                        <div class="ui-div-contain">
                            <select name="user" id="user" data-native-menu="false" >
                                <option value="" >-- Select --</option>
                                <option value="1" >Bob</option>




  2.                             <option value="2" >Jane</option>
                            </select>
                        </div>
                    </div>




Which gives the following error:



What may be causing this to get misplaced?

Is there a way to call an event to update the position of the options when they show?

All help appreciated. 

Thanks in advance!