How to display popup menu from image-map concept ?

Question

                How to display popup menu from image-map concept ?


         I have done mapping on that.  Now, I want to display popup menu from image-mapping when cursor hover on that.

HTML:

    <img name="postermap" usemap="#postermap" src="D:\Images\poster.jpg">
    <div id="popup">                                              
    <div  id="overlay" >Menu1
        <a href="#">Link1</a>
        <a href="#">Link2</a>                               
        <a href="#">Link3</a>
        <a href="#">Link4</a>
    </div>
    <div id="overlay" >Menu2
        <a href="#">Link1</a>
        <a href="#">Link2</a>                               
        <a href="#">Link3</a>
        <a href="#">Link4</a>
    </div>
    </div>

<area shape="rect" Coords="330,34,469,75" Href="#" alt="Menu1">
<area shape="rect" Coords="330,76,490,100" Href="#" alt="Menu2">