Unknown random space i cannot remove.... argh!

[renaissanceart]

New to Zencart so first of all Hi :)

secondly, i setup zen cart and have been playing with it for the better part of an entire day trying to customize the layout. But for some unknown reason i cannot identify where a space is coming from between what i understand is the #headerWrapper and #mainWrapper

I have modified nearly every CSS line in an attempt to see a change, but that damn space wont go away

Oh and it definately has nothing to do with #logoWrapper
No matter what i set the height of that to that space remains the same.

Any suggestions ?

Here is a screenshot, the gab is circled in red, you can see it fairly well.




Any suggestions would be greatly appreciated.

Cheers
Marty

[kobra]

You can try this that I quickly looked at but can not then view the alteration in IE. Take the following:

#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

#headerWrapper {
        height: 110px;
        }

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

[renaissanceart]

You can try this that I quickly looked at but can not then view the alteration in IE. Take the following:

#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

#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