<div style="position: relative;"> <!-- Hot Spots - Image Map --> <div id="fb1" style="background: none repeat scroll 0% 0% transparent; cursor: pointer; outline: medium none; text-align: center; vertical-align: middle; position: absolute; top: 340px; left: 290px; z-index: 99; padding: 10px;">YOUR CODE 1 HERE</div> <div id="fb2" style="background: none repeat scroll 0% 0% transparent; cursor: pointer; outline: medium none; text-align: center; vertical-align: middle; position: absolute; top: 497px; left: 290px; z-index: 99; padding: 10px;">YOUR CODE 2 HERE</div> <div id="fb3" style="background: none repeat scroll 0% 0% transparent; cursor: pointer; outline: medium none; text-align: center; vertical-align: middle; position: absolute; top: 295px; left: 370px; z-index: 99; padding: 10px;">YOUR CODE 3 HERE</div> <div id="fb4" style="background: none repeat scroll 0% 0% transparent; cursor: pointer; outline: medium none; text-align: center; vertical-align: middle; position: absolute; top: 252px; left: 370px; z-index: 99; padding: 10px;">YOUR CODE 4 HERE</div> <!-- Main Image --> <img src="MAIN IMAGE URL" border="0" alt="" align="absbottom" /></div>