title: position a div so it appears to be outside the mainwrapper (980px)
body: <p>I want to position a div so it appears to be outside the mainwrapper (980px) of the site. the problem is i don't want there to be horizontal scrollbars in 1024px.</p>
  
  <p>css or jquery solution would be great</p>
  
  <p>any ideas?</p>
  
  <p>the outside bit should be on the right, not the left</p>