CSS: Overflow Auto and Z-index

Question

Here's the link: http://jsfiddle.net/smnde/2/

Is there a way to make the list show up above the div when overflow:auto is set? Like in the second container?

Answer 1

yes; you can display overflow div outside of anything div when the child is absolute position & it's parent didn't have position:relative

like this:

#button {
    border: 1px solid #999;
    margin: 5px;
}

#hidden {
     display: none;
    position: absolute;
    margin-top:-20px;
    left:190px;
    width: 50px;
    border: 1px solid #333;
}

check this http://jsfiddle.net/sandeep/smnde/26/

Answer 2

No, overflow will not display anything outside the box.

You can use a tooltip like hover instead with the hidden box outside the container.

Check: http://jsfiddle.net/smnde/9/