I am trying to get two images to half-cover the left and right border of my content area. Currently I have the images in columns 1 & 2 and am using negative margins to pull them over the edge of the page margins. This (of course) is not working in IE6 or IE7. anyone have any suggestions on how to get this to work? I have looked around the internet for answers and have found that it may have to do with needing a postion:relative statement added but I have tried that at various levels and it didn't work. I don't really care if the images are in columns 1 & 2 and they can be hard coded if need be. (background images are fine as long as the whole image appears)
Here is the site I am currently working on.
Any help would be appreciated. I have ben trying different options for several days now with no luck. mad: