Hey guys, I've been bashing my head into the wall over this for the last two hours.
I have two images, both of which have a width of 600px. Their container has a min-width of 600, and a max-width of 990. Both images are positioned 50px outside of the container, and I want one image to overlay the other, to create a line that will expand as the user resizes their browser. However, I can't get them to overlap, as they just break the container.
See http://www.leafspirit.com for what I'm talking about.
Here is the CSS for the divs containing the images