CSS background image centered and div elements position based on percentage relative to main bg image
===

This may have been covered in another topic, but I cant seem to find any answers taht will help me with my design.

I have a css background image that will stay centered no matter what the browser size is. The image used does not stretch the entire width of the browser. This being the case, I need the divs I have also placed in the css with background images and links to maintain their position relative to the background image that stays centered no matter what the browser size is.

I have dabbled around with..

    position:relative; 
but it cascades all the elements and doesnt allow specific positioning that I am looking for. Here is the code I am working with. I appreciate any insight to my newb question, and look forward to learning how this behaves better.

When this code is viewed on different sized browsers, with a background image that does not span the entire width, the elements move around because they are set to percentage. I need them to stay where they are but remain centered with the background. I am not sure how to write this in css and have been struggling with it for some time. Thankyou for any guidance on this specific issue.


     body {
	background:#000 url(bg.jpg) no-repeat center 0;}
    #logo {margin: 0px 11%;padding: 0;position:absolute;}
   
