放大IE和Firefox时，本地滚动条会缩放

Question

将缩放应用于溢出的容器时，滚动条也会在IE和Firefox中缩放。请参考下图。 when zoomed to 400%

请参考以下CSS。

#innerdiv{
width: 163px;
height:50px;
zoom: 400%;
overflow:auto;
position:relative;
}
#parentdiv{
width: 650px;
height:200px;
}

缩放溢出的内容时，在IE和firefox中面临上述问题。

我试图将溢出属性设置为父div，而不是zoom div [innerdiv]。

尽管在缩放时我得到的滚动条的大小没有变化，但是在滚动时，innerdiv的某些部分并未完全继承给父div。请参考下图。 position not inherited properly

请检查此样本 https://www.w3schools.com/code/tryit.asp?filename=FWBBTM88SZE9

如何将内部div的位置保持到父div？请帮助我。

谢谢。