title: Why is hover pushing the content down?
body: <p>If you hover over the menu over on <a href="http://sportrusten.nl" rel="nofollow">this website</a> you see that the content is pushed down. I inherited the stylesheet from other people and it's a complete mess. Can anyone please explain to me why this hover is pushing down the content?</p>
  
  <p>The menu is built as followed:</p>
  
  <p><code>li &gt; ul class .sub-menu &gt; li &gt; a class .sub_menu_item</code></p>
  
  <p>I looked at the <code>position</code> and <code>display</code> CSS but I can't seem to find anything strange. Any help would be greatly appreciated!</p>