Hello,

I have spent some time googling to find the answer, to no avail. The project I'm working on currently seems to work perfectly in all browsers. However I was asked to add a border (image) on the side of the page.

The URL (without border) is www.truecanadianhealthproducts.com

When I try to add the border to the side, it seems to work fine in Firefox and IE8, but in IE6 - of course not. Here's what it looks like with the border:

http://74.56.12.152:85/

The code I use for the vertically tiled background part is:

<div style="position: absolute; left: 610px; width: 182px; height: 100%; background-image: url(image.jpg);">

This is placed within the container div. It was the only way I could get it to work even in Firefox.

Does anyone know if there is actually a way to make it work with IE6? Or should I just forget about it? Any help would be greatly appreciated! I'm somewhat of a noob, I figured out most of what I needed along the way.

anxiously awaiting any comments, criticism or suggestions that anyone may have.

I no longer have IE6, but I can tell you that 6 and 7 have some nasty bugs when it comes to absolute positioning -- and you don't need it to be positioned for that layout.

All you really need is to add another div around #container that is the width you want it to be. Set the pine bark background on the new "wrapper" div and all you need is:
background: url(whitepinebark1a.jpg);
it will repeat and you do not need any absolute positioning. Give the "wrapper" div a fixed width and center it with margin: 0 auto; and it should be just fine.

Sounds simple enough, thanks for the quick tip! I will give it a shot.

Holy crap, you are a genius. I think it is working as intended now... thank you so much.

Maybe you can lend your 2 cents on this while you're at it. This is a small detail, not really a big deal - but maybe you have a clue. Load the site in IE6 if you have it. If you click on Products or any other menu item and scroll to the bottom, do you see the footer sticking out? Refresh the page and it goes to normal.

Not sure why this happens or if there is even a fix , but any input would be appreciated. IF not no problem since you solved the biggest issue I had left with this project. Thanks again !

That's a little weird,but I would start by removing the position:relative on everything except your #container div, it's not necessary.