Alignment of rollover item affected by position of header

Question

Got a problem where when you rollover "about us" the rollover appeared to the right of the screen exactly 224 pixels from the edge of the browser (maintained this gap when reducing the size of the browser)

I fixed it by changing the .css position of the wrapper (from absolute to static) How ever now as you can see in the example I've done the header is aligning to the left:

http://jimbeamracing.com.au/navigationtest.htm

#wrapper{
    margin:0 auto;
    width:994px;
    position:static;
    padding:113px 0 0;
}

Any help would be much appreciated

Regards, Steven