Photo mapping

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryTooltip.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p><img src="MBC/Wordpress/Images/OurTeam.png" width="625" height="363" border="0" usemap="#Map" /></p>
<p><span id="Map2"></span>
  <map name="Map" id="Map">
    <area shape="rect" coords="2,1,124,362" href="#" alt="Bill's Bio" />

    <area shape="rect" coords="123,0,247,363" href="#" alt="Tracy's Bio" />
    <area shape="rect" coords="245,2,362,362" href="#" alt="Don's Bio" />
    <area shape="rect" coords="361,-14,484,362" href="#" />
    <area shape="rect" coords="485,4,623,360" href="#" alt="Bart's Bio" />
  </map>
</p>
<div class="tooltipContent" id="sprytooltip1">Bill Carpenter has held various leading roles   within interactive video media for more than ten years. He is a national   award winning producer of broadcast and narrow cast video and media.   Bill excels at understanding client needs and goals, and turning   requirements into powerful interactive communications experiences. As VP   of interactive communications, Bill shares his talents with both MBC's   technical systems and the creative/visual units.  He believes that   communication and feedback creates a relationship where goals are   aligned with the deliverables and &quot;...client-customer relationships are   the #1 most important thing.&quot;</div>
<script type="text/javascript">
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#Map");
</script>
</body>
</html>