Using HTML 5 and CSS

I've done a lot of research and cant seem to figure out how to get the images to overlap.

You are to create a page that has five overlapping images centered on the page.

Each image must be different. All images are to be sized with CSS.

Each image must be placed in a '

' tag The images should partially cover each other.

All divs must be sized with CSS.

Whenever the mouse is placed over any of the images that image must move to the front of the group and be the primary image on display. When the mouse is pulled away the image will return to its original position.