Prevent IE8 from scrolling element on tab

[Mr.Share]

I am running into this very strange problem. Basically, I have two forms absolutely positioned inside a \[code\]div\[/code\]:\[code\]<div class="box"> <input class="code"> <input class="desc"></div>.code { width: 70px;}.desc { left: 70px; }\[/code\]See jsFiddle demo: http://jsfiddle.net/4ZgK8/.In \[code\]IE8\[/code\], when you tab to the second input, IE scrolls the containing \[code\].box\[/code\] to the focused element, thus hiding the first input! (You have to tab, focusing alone won't do it.)How can I prevent \[code\]IE8\[/code\] from scrolling the \[code\].box\[/code\]? I know it's set up a little weirdly, but this CSS is simplified from a much more complicated page that needs to be set up that way. So, for example, changing the \[code\]overflow\[/code\] or the \[code\]position\[/code\] will fix it, but I need to be able to position it absolutely inside the \[code\]div\[/code\] and be clipped at its edges (\[code\]overflow:hidden\[/code\]).