Quote Originally Posted by kobra View Post
You can try this that I quickly looked at but can not then view the alteration in IE. Take the following:
Code:
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}
Seperate out the headerWrapper as follows and apply a height & see what results
Code:
#headerWrapper {
        height: 110px;
        }

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

Hi kobra, thanks for the reply.

I already removed any spacing assigned, and have played with that theory a fair bit.

I then did what you said in the 2nd part, assigned a height and i got mixed results.

I could assign it to the true height of the #logoWrapper and YAY, it removes that annoying gap. but then it also removes the top part with the tile_bg.gif

So i then forced a height in #navMainWrapper, and alas! It finally worked.

Cheers for the help
- marty