I have a header nav bar with an option button. When the option button is clicked I have a dropdown popup menu. I've applied the jquery mobile class 'ui-btn-right' to make the button float to the right.
This works great in chrome and safari. However, internet explorer 8 sometimes displays the popup right in the center of the page instead of on the right.
I've tried positioning the popup manually using css and have even tried using the 'data-position-to' attribute with no luck. Is there a reason I can't position my popup in IE 8?
Here's my html:
<a id="idea-actions" href="#popupIdeaActions" data-rel="popup" data-role="button" data-inline="true" class="ui-btn-right">Options</a>