Code Problems, PHP and HTML

I created an imagemap in Dreamweaver and then brought the code (see below) into WP — but things don’t work right.

The imagemap showed up, but it shoved a bunch of other content to the left and down. Any idea why it would do that?

The Twitter and Facebook links work fine, but the third link is PHP code and I’m not sure it’s in the right place. It’s for the Email Capture plugin, which states:

“The form can be inserted into the site at any location. However, to put the form anywhere, insert the following code into your template” — and the “following” code referred to is the PHP snippet in the HTML below.

Thanks for any light anyone can shed.

<img src="http://www.lyingdognews.net/art/were_back.png" width="300" height="108" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="10,73,91,100" href="http://www.twitter.com/lyingdognews" />
  <area shape="rect" coords="199,75,285,99" href="http://www.facebook.com/pages/Lying-Dog-News/292372707820?ref=ts" />
  <area shape="rect" coords="103,75,185,100" href="<?php if (function_exists('wp_email_capture_form')) { wp_email_capture_form(); } ?>" />
</map>