Please see http://delivery.binkcms.com/home-page-login.html
for the demo. Click the orange cart button in the upper right to display the cart details flyout.
The site uses several z-index settings to make sure flyouts are stacked properly. Originally, I had the cart details flyout as a top-level element:
<!-- edited for brevity -->
That worked OK for the most part, but the flyout menus in the far upper-right (account menu and help menu) were obscured by the cart flyout. To resolve this, I moved #cart-bar-flyout inside #top-container:
That did exactly what I wanted, with the proper z-index settings, but I hit this weird glitch where the content of #cart-bar-flyout disappears if you scroll the main page. See the two images below:
Why is this happening? Note that this only happens in Chrome... Firefox, IE, Safari, and Opera all display the page properly.