Layout Problem - IE vs Firefox

I'm hoping this will be easy for someone to spot.

1. Go to http://www.MJMMagic.com in Internet Explorer. Just underneath our banner, there is a huge white space.

2. Now go to the same page in FireFox. That white space is not there (or rather, very small).

I don't want that white space there, and I can't figure out why IE displays it prominently, and FireFox does not. Any ideas how to eliminate it? I assume it has something to do with either a header.php or a stylesheet.css setting but don't know what to change.

Thanks in advance for any advice you can throw out there.

Why you have used a table for this I do not know but check it's height

Kobra - I think I had the tables in their from back in the day when I was having issues embedding the flash banner in the right spot. I will see if I can remove it without completely FUBARing my site.

Depending on your js support for this the following div entry in the tpl.header.php can work:

<!--bof-branding display-->
<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="flashcontent">    
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"        
        <param name="movie" value="header.swf">
        <param name="bgcolor" value="#FFFFFF">
        <param name="quality" value="high">
        <param name="wmode" value="transparent">
        <param name="allowscriptaccess" value="samedomain">

        <embed
          type="application/x-shockwave-flash"
          pluginspage="http://www.macromedia.com/go/getflashplayer"
          name="flashcontent"
          width="600" height="104"
          src="includes/templates/template_name/images/header.swf"
          bgcolor="#FFFFFF"
          quality="high"
          wmode="transparent"
          swliveconnect="true"
          allowscriptaccess="samedomain"
          <noembed>
          </noembed>
        </embed></object>
    </div>

Kobra - Thanks for trying to help me out. When I put that code into my site, this is what it looked like (see attached screenshot).

My edited code looked like this:

<!--bof-branding display-->
<div id="logoWrapper">
    <!--bof-branding display-->
<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="flashcontent">    
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"  

      
        <param name="movie" value="header_bg.swf">
        <param name="bgcolor" value="#FFFFFF">
        <param name="quality" value="high">
        <param name="wmode" value="transparent">
        <param name="allowscriptaccess" value="samedomain">

        <embed
          type="application/x-shockwave-flash"
          pluginspage="http://www.macromedia.com/go/getflashplayer"
          name="flashcontent"
          width="600" height="104"
          src="<? '.DIR_WS_IMAGES.'?>images/header_bg.swf"
          bgcolor="#FFFFFF"
          quality="high"
          wmode="transparent"
          swliveconnect="true"
          allowscriptaccess="samedomain"
          <noembed>
          </noembed>
        </embed></object>
    </div>


<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = 

zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>

What was the code you have?

I see you have no logo...you might remove that and size the swf dimensions to suit

I actually got mine to work by editing my tpl_header file with the following:

<div id="logo">

  <center>
<script type="text/javascript" src="includes/templates/custom/jscript/swfobject.js"></script>
<object type="application/x-shockwave-flash" data="includes/templates/MYTEMPLATE/images/header_bg.swf" width="800" height="100" align="">
<param name="movie" value="includes/templates/MYTEMPLATE/images/header_bg.swf" />
<img src="includes/templates/MYTEMPLATE/images/logo.gif" border="0" width="800" height="104" ISMAP USEMAP="#headermap"/></object>
</center>

</div>