Image map in the logo, problems any help?!

Hi and thanks in advance for any help.

I'm trying to get an imagemap on the logo of my website. I have done the image map and actually got it to work, however it is messing up with the site when I enter the code for the imagemap. The problem is anything below the header will move to the right side of leaving the site unaligned.

Here is the code before I change it.

The file that is been edit is tpl_header.php

before changing the code:

<div id="logoWrapper"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> <div id="taglineWrapper">

after changing the code:

<div id="logoWrapper"> <div id="logo"><div id="logoWrapper"> <div id="logo"><img src="images/header_bg.gif" width="842" height="282" border="0" alt="" usemap="#header_bg_Map"> <map name="header_bg_Map"> <area shape="rect" alt="" coords="544,166,798,273" href="http://maaccessories.com/index.php?main_page=product_info&cPath=1&products_id=2"> <area shape="rect" alt="" coords="544,53,799,162" href="http://maaccessories.com/index.php?main_page=product_info&cPath=1&products_id=3"> </map><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> <div id="taglineWrapper">

So if anyone can tell me if I'm placing the code in the right place or what can I change to correct that. I'm not a programmer so if you can show me the way to edit the code that would be awesome.

here is a link to the site

http://www.maaccessories.com

I left the code that isn't working properly there, maybe it will be easier to understand what I'm trying to say.

If anyone can help it will be much appreciated.

Thank you very much for any help.

Ok I figure out what one of the problem was. The alignment problem only happens in firefox! On internet explorer it works fine.

Any help?!

Thanks