Please help How to show an image in a page
<div class="el-content" style="background-color: rgb(104, 196, 241); background-image: url("http://www.mytopwebsite.com/images/top-header.png" width="1258" height="197" border="0" usemap="#Map ; background-repeat: no-repeat; background-position: center top;">
but I need to show my image as below which has a map links on image as below but do not know how to replace it with the above image:
<img src="images/top-header.png" width="1258" height="197" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="97,173,157,194" href="index.php">
<area shape="rect" coords="164,173,216,198" href="faq.php">
<area shape="rect" coords="220,173,324,197" href="contactus.php">
<area shape="rect" coords="331,173,398,194" href="login.php">
</map>
Can someone can help with this.
Thank you