title: CSS Show active element above the div with overflow:hidden
body: <p>I have a scrolling pane div with overflow:hidden. Please check it <a href="http://pixeli.ca/works/contour" rel="nofollow noreferrer">here</a>. There are products as images with captions shown in the scrolling pane. When I move mouse cursor over a product div, it gets light-yellow background and changes its height - I just add a class to the div using jQuery and it works fine. The problem I need to solve some way is to show the expanded div for the active product as a separate div that appears above the scrolling pane, though now it appears inside that pane and extends it in its height. I want to make it look in similar way to <a href="http://www.ikea.com/ru/ru/catalog/categories/departments/workspaces/18960/" rel="nofollow noreferrer">this one</a>. Here you move mouse cursor over the product and get an extended div showing you details. Surely, my task is a little harder because of that scrolling pane.</p>