title: Avoiding weird automatic scrolling in IE
body: <p>I'm maintaining a web page and need to fix a very weird behavior under IE. The page has a table that displays a menu for each cell as the mouse moves over. Everything runs fine as long as you have the browser window 800px height at least. If you browse this page with Chrome, Opera or Firefox and the browser's window height is smaller than 800px, some menus will overflow the window and the user must scroll down the page to display the options hidden. That's the expected behavior. But if you browse the page using IE, and after the menu is displayed and the user scrolled the page down to see the hidden options, any mouse movement will scroll the page back to the top of the page.</p>
  
  <p>There is a mouseover event hooked to the submenu item, this event swaps a image displayed at the top of the page with another related to the submenu context. I though this image swap make this side effect, but replacing the function code with a "return true" don't change this behavior.</p>
  
  <p>I'm running out of ideas, so any clue will be appreciated.</p>
  
  <p>This is the URL (nice cars!): <a href="http://www.kaufmann.cl/publicador/site/edic/base/port/parrautomoviles.asp?cl=automoviles&amp;stackoverflow" rel="nofollow noreferrer">www.kaufmann.cl</a><br/>
  Mouse over "Clase C", when viewed in a 800px the browser will show a vertical scrollbar. This is where the fun begins.</p>
  
  <p>The "stackoverflow" parameter is to display a DIV that shows the events fired and it's order of execution.</p>
  
  <p><strong>EDIT:</strong> This problem happens in IE6 to IE8 (both in normal and compatibility mode)</p>