Show a div completely inside a overflow hidden parent div

Question

I have a div .div1 which is overflow :hidden. It contains a link of say user A when someone hovers over it . A .seek div is created and appended to parent div of link a. I.e. .div1 using jquery. Since .seek is child of .div1

$(.div1).mouseleave(function{
       seek.remove();
      //removes seek div.
})

but as .div1 is overflow hidden some parts of .seek gets hidden. How can i prevent this?

Seek is used to seek through user profiles without opening the whole page. A feature similar to google+.

Answer 1

You can show an oveflowing child element of a parent with overflow: hidden; if you change it's position to :

position:absolute;

DEMO