Absolutely positioned element invisible if within a grid
There is an element which is part of an autocomplete "popdown" list. It needs to be absolutely positioned, so it does not push other elements down as it fills out.
This works fine in one place, but in another - where it is within a jQuery Mobile ui-grid-a grid construct - the element is invisible:
The CSS can be edited to add the display:absolute style, then the topmost element vanishes. It is still placed there - the developer tools can see it and outline it on the page. Its z-axis position is also well above anything else on the page.
I can not find what the difference in placement does. Both the elements seem to have identical computed styles, as shown by both Firebug and DevTools. Any help appreciated!