I am trying to position a spiral as background image that "floats" outside the boundaries of the page width. I have positioned it using css with a negative margin, but the part of the image that is outside the page width doesn't show up.
I have created a child theme that's based on the twenty eleven theme. The body and the #primary div already have different background images so I have been trying to position the spiral using the #page div.
I have thought about floating the spiral, but I need it to be a background image layered above the #primary layer, but below the content of the posts.
My site is bodysacred.sezgintester.us and an image of what I am trying to achieve is located here: http://www.susansezgin.com/Clients/BodySacredSample.html. The green spiral on the left side of the page is the image I am trying to position.
Thanks in advance for the help!