how to place isotope items in a scrollable div and retain jquery hover state effect? Options

[rw1]

i am trying to implement three features:

1. a scrollable div containing image thumbnails
2. that can be sorted by jquery isotope
3. that when hovered over display a div on top of other elements and beyond immediate containers.

at the moment i can get either one or the other happening ie either the scrollbars show but then the hover state div is behind other elements, or i can get the hover state div in front of other elements but then the scrollbar does not display.

jsfiddle

http://jsfiddle.net/rwone/PUKjy/

thank you very much.