Position an Image Outside of Its Container

I have some problem when doing CSS positioning between header image and the image under it. The problem is the image look cutting off.

After search on Google I got solution from Stack Overflow blog.

The solution is so simple we only have to put a relative position:

position: relative;
top: -Xpx;
z-index: 99;

Where -X is however much it takes to get it to peek out of the DIV.

Now my header looked perfect now.