Internet Explorer puts space between my logo image and my menu bar

Ok... I'm sorta new to Zen, but not to CSS. I have tried to search this out on the forum without any luck.

My site is here... eternitystore (dot) com

I've been editing a backup of the "classic" template.

In Safari and Firefox, I'm getting the results I'd like.

In IE, I have a gap between my logo image and category menu bar.

The only thing I can find (after setting every "Wrapper" padding and margin to zero are two divs I'm not using, but can't seem to delete.

Maybe this is the problem, maybe not. Any thoughts? I've turned my menu bar to orange to highlight my problem.

Any assistance is greatly appreciated.

::m::

Try this
In your or make a copy for your template of tpl_header.php and find and remove the <br class="clearBoth" /> as indicated

<!--bof-branding display-->
<div id="logoWrapper">
Other Code

    <div id="taglineWrapper">
      <div id="tagline"></div>
    </div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

You can also mitigate this by finding this in your stylesheet.css file

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

Separate out the headerWraper and give it a bavkgroung color so you have something similar to this

#headerWrapper {
        background-color: #000000;
	margin: 0em;
	padding: 0em;
	}
#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

I found this...

http://www.zen-cart.com/forum/showthread.php?t=81394

In which the "tagline" was mentioned and it was suggested it be removed... But how?

Funny how a search gave me very little results, but posting a thread gave me several Similar Threads!

Still scratching my head...

::m::

Same file and process just delete all that is in red for this copy

<!--bof-branding display-->
<div id="logoWrapper">
Other Code

    <div id="taglineWrapper">
      <div id="tagline"></div>
    </div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

Note: There will probably more code for this that needs deleting once you actually open the file what I posted was from your sites view source

Thanks kobra...

Deleting <br class="clearBoth" /> made the entire content in the center of the page disappear. http://www.zen-cart.com/forum/images/smilies/laugh.gif

I singled out #headerWrapper and changed the background color, and that fixed the peek-a-boo background color.

You should change your handle to "KING" kobra!

Thanks again!

::m::