Can't get z-index to work for div inside of another div

Question

I\'m trying to get a drop down menu to work. It consists of an LI with a DIV that appears when the LI is hovered. I want the parent to be drawn in front of the child so that

Answer 1

I can give you a common example about Bootstrap Modals. Consider that your #test_1 is my .modal-body and your #test_2 is my custom box, OK? #test_2 is inside #test_1. Simple as that.

I just have had to make sure #test_1 overflow computed property is not "auto" or "scroll" or "hidden", otherwise, the modal would cut my

box listing in the middle. My current .modal-body overflow is initial