tabs in a div that is scrolled do not display properly (problem with IE only)

tabs in a div that is scrolled do not display properly (problem with IE only)


Put tabs in a div.
Set div overflow to auto and fill with enough contents for vertical
scrollbar to appear.
The following occurs with IE only (why am I not surprised...)
When div contents are scrolled, all contents are scrolled as expected,
including tab contents and contents above and below;
however the tabs themselves stay in the same position, and the rest of
the div contents scrolls under them.
When the mouse cursor moves over a tab, all tabs jump to the correct
position. However, they will be displayed even if this position is
outside of the div.
See a demonstration here: http://tinyurl.com/d5uvwg