HTML Header Help please Can't figure it out

I have gone over and over this so many times and I can't figure it out. I have added my HTML and taken away the code bit by bit and I still can't get it to work. can some please help. I have made and HTML image map for my header.

here is the code

<img src="/fanheader.jpg" border="0" usemap="#Map">
<map name="Map">
  <area shape="rect" coords="2,147,137,186" href="http://www.fansportsunion.com/fan/" target="_self">
  <area shape="rect" coords="138,147,277,187" href="http://www.fansportsunion.com/fan/?q=user/" target="_self">
  <area shape="rect" coords="278,148,414,187" href="http://www.fansportsunion.com/fan/?q=forum" target="_self">
  <area shape="rect" coords="415,148,552,188" href="http://www.fansportsunion.com/fan/?q=taxonomy/term/28" target="_self">
  <area shape="rect" coords="553,147,692,187" href="http://www.fansportsunion.com/fan/?q=taxonomy/term/27" target="_self">
  <area shape="rect" coords="692,147,830,187" href="http://www.fansportsunion.com/fan/?q=taxonomy/term/26" target="_self">
</map>

now this is where I have been trying to put it

 <div id="header">
    
      <div id="logo-title">
       
        <?php if ($logo): ?>
          <a href="<?php print $base_path ?>" title="<?php print t('Home') ?>">
            <img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" id="logo" />
          </a>
        <?php endif; ?>
        
        <?php if ($site_name): ?>
          <h1 id='site-name'>
            <a href="<?php print $base_path ?>" title="<?php print t('Home') ?>">
              <?php print $site_name ?>
            </a>
          </h1>
        <?php endif; ?>
        
        <?php if ($site_slogan): ?> 
          <div id='site-slogan'>
            <?php print $site_slogan ?>
          </div>
        <?php endif; ?>

But each time I take a part out it locks the header in place but then the side bars move with the window when I make bigger or smaller. I want it all to stay fixed like it is now but I also what my html header in with it.