BannersAll (right side box) leaking to the right

[zcnb]

My CSS is set such that the main page background is different than the surrounding (body) background:

body {
        margin: 0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 75%;
        color: #000000;
        background-color: #336699;
        }
.
.
.
#mainWrapper {
        background-color: #ccffff;
        text-align: left;
        width: 95%;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }

The BannersAll side box background is set to the same color as mainWrapper:

.sideBoxContent {
        background-color: #ccffff;
        padding: 0.4em;
        }

All pages (in their various modes) display well, meaning that regardless of the browser's current width, the BannersAll right side box blends well into mainWrapper.

However, in one page only (Order Information) there is a slight problem: The order information, which is displayed in a tabular format, "pushes" to the right the mainWrapper margin, while pushing to the right the BannersAll sidebox as well.

The result is that part of the BannersAll sidebox is displayed on the mainWrapper background and part of the BannersAll sidebox is displayed on the body background. This looks "unprofessional" and I would like to find a way to widen the mainWrapper background so that it always extends beyond the right sidebox(es).

Is there a way to do this?

Thanks,
Daniel

[kobra]

Where can we see what you have?

[zcnb]

Where can we see what you have?

Unfortunately, my site is not ready yet for posting a link to it. Add to this the fact that in order to see the problem described above you have to actually buy something (which is still half-baked and) which doesn't make sense.

I know that this actually prevents many well intentioned people like you from helping me troubleshoot this problem, but I have to work with what I've got so far.

I promise to post a link for your evaluation and opinion very soon. I need my site to start generating some income and I will not be able to do so before receiving feedback from others.

In the meanwhile, I am posting a snapshot of the problem, perhaps it would suffice for determining a probable solution. If not, then I will launch the site with this "bleeding" problem since it is not that acute:




Does this provide any clue?

Thanks,
Daniel

[kobra]

Not any....upload this to a server and post your link

[zcnb]

Not any....upload this to a server and post your link

I am working on setting up a free demo product so that you will be able to see the problem without actually paying for anything. As I mentioned earlier, the problem does not appear in pages other than the Order Information page - and for that, a customer must be logged in, looking at an actual order.

I will post a link here as soon as this is ready.

Thanks,
Daniel

[zcnb]

Finally at last... Here is a link to my store (still under construction).

Once you "purchased" the "Free Dummy Demo", please look at the Order Information page. Then play with your browser's window width to see the problem.

Can you see it now?

[kobra]

Did not see it in Fire Fox will try IE and post back

[zcnb]

Did not see it in Fire Fox will try IE and post back

Do you use FF3 or FF2? Last night I checked with FF3 and although it was less acute than with FF2 and IE6, I was able to reproduce the problem in FF3, too. I just had to play with the browser window width a little.

Also note that there isn't any such problem with other pages. It is only the "Order Information" page that exhibits this problem.

kobra, thank you so much for your help!

[kobra]

I just had to play with the browser window width a little.

I am not adjusting browser width and just viewing at full page and not seeing any issues