#contentMainWrapper border problem on Home page only

[HelenSama]

I am developing a new zen cart site ---> http://208.43.89.32/ and specified a left, right and bottom border on MainWrapper and it is not appearing correctly on the home page... every other page is OK...

I'd appreciate any help, I've been trying to figure out what is wrong for hours.... Thanks!

[stevesh]

You can fix the border by getting rid of the padding in

.centerColumn, /*#bannerOne,*/ #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

but the image is still off in FF2.

Could be the -13px and -8px margin.

[HelenSama]

Thanks, that fixed the problem... or mostly fixed the problem, after deleting the 0.8 em padding for the center column, I then had to, as you noticed, change the positioning for the home page image to 0 top and 0 left which is what I had originally thought it should be and now realize I had the - positioning because of this padding... now there is still some space at the top and I don't know what is causing it, also it looks like the 0.8 em padding was really needed on all the other pages, now the content is up against the edge... so am searching around for how best to correct these two problems...

It's good to have the home page almost there!

[stevesh]

All the pages look good here in IE7 and FF2, except the home page has a tiny (2px, I'd guess) white strip at the top in FF2, but I'm darned if I can see where it's coming from, and the right border is pushed out a little in IE7.

My Uncle Bob was a commercial beekeeper in Michigan for years, and I spent many a summer toiling in his beeyards and honey house. Fascinating business, though a lot tougher today, with CCD.

[HelenSama]

Thanks for looking at this! I'm still struggling with it... I left it for a few days and worked on other things. Just now thought I found a work around for the problem on the homepage with specifying a background-image and fooling around with the padding-top for #indexDefault in the stylesheet, but Safari on the Mac is not handling it. I spent a lot of time thinking it was a break - <br/> from the tagline which I'm not using, but I can't seem to tighten up that space. I also tinkered around with margins and paddings all around but that just seems to make it worse in some browsers. This is what I have fo main_page.php:

<div id="indexDefaultMainContent" class="content">
<div style="position: relative; width: 632px; height: 516px;">
<div style="position: absolute; top: 0px; left: 0px; width: 632px; height: 516px;">

<span><img width="632" height="516" src="includes/templates/custom/images/northlightwithtext_2.jpg" style="width: 632px; height: 516px;" /></span></div></div></div>


Here is the URL http://208.43.89.32/

Any more ideas about how to correct this, I'd greatly appreciate.

(The Cinnamon Honey is especially great!)