Space issue

Hmm.. Anyone figure out yet why there appears gaps in places? Here's my template file for the header..

<div id="logoWrapper">
    <div id="logo"><?php echo zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT); ?></div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<a href="/index.php"><img src="includes/templates/custom/images/nav.top.home.jpg" /></a><img src="includes/templates/custom/images/nav.top.blank.jpg" /><a href="/index.php?main_page=contact_us"><img src="includes/templates/custom/images/nav.top.contact.jpg" /></a><a href="/index.php?main_page=account"><img src="includes/templates/custom/images/nav.top.myaccount.jpg" /></a><a href="/index.php?main_page=login"><img src="includes/templates/custom/images/nav.top.login.jpg" /></a>
<!--eof-branding display-->

Now at the very bottom of it at the nav.top.login.jpg code. If I add a break and another image source tag to place another image below that section, in Firefox it's fine.. In Internet Explorer 7 I get this massive gap between the navigation header and the new image.. Whats funny, I can remove all that img code above and completely remove the navigation header.. Then put that new image directly under the Logo Banner, I still get the gap. However with the Navigation Header it doesn't show.. I've looked everywhere and I can't figure it out.. I checked the image 5 times, there is no blank pixels to push it down.. I've run across this before areas where it would do it.. I gave up then but now I can't because the image I need below it has to be there. :(

Thanks in advance ya'll.. Your great!

PS. I didn't post the entire header file for reasons.. I just copied the section I'm working on.. So for visual purposes think of a fresh tpl_header file and the link/image tags were added to end of the LogoWrapper div.

Especially when you're having performance differences between browsers, a link to a live site makes it much easier to offer good advice.