可调整大小的图标在滚动条箭头上方

Question

两个相同的iframe：

<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>

一个内容在div中，滚动条向下箭头位于图标后面。

一个内容在textarea中，滚动条向下箭头显示在图标上方（靠近顶部）。

默认情况下，所有溢出都会消失。

请提出任何建议。