Css: Overflow Auto And Z-index

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?

Solution 1:

yes; you can display overflowdiv 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/

Solution 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/