Help: Added Transparency Div, now site won't center properly...

Question

Good evening, i'm having some issues here on my bro's adult site i'm in charge of.  In the "element div" is the instructions how the give the page a 50% transparency.  The "content div" contains all my text/photos. For whatever reason that i cannott diagnos, my page is shifted to the left. the content fits over top of the element div so that the it doesn't dim that text.
In the screenshot provided, the site is so far pushed to left of the background image (1600 pixels) that you can't even see the 4th girl.  My entire site is only 1100 px, so in theory, if centered properly, you should see a good amount of both of the end girls. The back bar is blocking out the obvious nudity.  The 4th girl is so far out of the frame to the right, you can't even see her.  Is my page just too wide. It seems that no matter what, the testers can still see the end of the bacground image on larger tvs used as monitors. So any advice on that would be cool as well.
Thanking you guys in advance for your asssitance.
-most of the relevan css below-
h1, h2, h3 {
          margin: 0;
          padding: 0;
          font-weight: normal;
          color: #FFF;
h1 {
          font-size: 3em;
          text-align: center;
          padding-bottom: 10px;
          font-weight: bold;
h2 {
          font-size: 2.4em;
h3 {
          font-size: 1.6em;
p, ul, ol {
          margin-top: 0;
          line-height: 180%;
ul, ol {
a {
          text-decoration: none;
          color: #4486C7;
#wrapper {
          width: 1100px;
          margin: 0px;
          height: 750px;
          position: fixed;
#element1 {
          position: relative;
          z-index: 1;
          background-color: #000;
          height: 1550px;
          width: 1100px;
          /**50% opacity**/
          background: #000000;
          /**for pre-IE8**/
          filter: alpha(opacity=50);
          /**for IE8 only**/
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
          /**for non-IE browsers**/
          opacity: 0.5;
          border: thin solid #999;
#content {
          z-index: 2;
          position: relative;
          top: -1550px;
          width: 1000px;
          color: #FFF;
          text-align: left;
          margin: 0px auto;

Answer 1

That code makes little sense to me - it's very messy. First, I would set the wrapper div to margin: 0 auto; to center it. Next, the background image would work best in the body tag with a background-position: center top;
And remove the fixed position on the wrapper. And the height. Work with the document flow, not against it.