title: Absolute Position Element causes unwanted whitespace next to the site
body: <p>good evening, I've got a problem with my dropdown menu.</p>
  
  <p>because I don't know how to explain my problem in understandable english, I'll start with my code, so that you can see what I'm talking about. (It' isn't displayed 100% correctly on <a href="http://jsfiddle.net/8ktYy/" rel="nofollow">JSFiddle</a>, but that's no problem, the important parts are there)</p>
  
  <p>My Problem is, that the last Dropdown from the Menu Link 'Über Uns' causes a whitespace on the right side of the site, if you scale the browser to a lower width than <strong>.container Width + .subnav Width</strong></p>
  
  <p>I'm trying to fix this for hours :/ The only two solutions which are working (but both are not good, and I can't use them), are using <code>display: none and inline</code> but than I'll lose transitions or using <code>right: 0</code> instead of <code>left: 0</code> but than my layout is ruined, because this doesn't look good at all.</p>
  
  <p>I would be so grateful, if someone could help me to solve this problem.</p>
  
  <p>thank you in advance</p>