Textarea文本与IE中的弹出内容重叠

Question

我正在努力解决以下问题。 IE使用我的配置在popup div上呈现textarea文本，输入文本没有这样的效果。 Chrome可以很好地呈现两者。

＆＃13;

＆＃13;

html, body, body > div {
  height: 100%;
}

input, textarea {
	width: 300px;
  color: tomato;
}

.item {
  padding: 10px;
}

.dropdown {
	position: relative;
}

.dropdown-menu {
	position: absolute;
	padding: 10px;
	background-color: whitesmoke;
	border: 1px solid grey;
}

＆＃13;

<div style="overflow: scroll">
	<div class="item">
		<div class="dropdown">
			<div class="dropdown-menu">
				<div>option</div>
				<div>option</div>
				<div>option</div>
				<div>option</div>
				<div>option</div>
				<div>option</div>
			</div>
		</div>
	</div>
	<div class="item">
    <input value="very long long long long long long  long long long long long long text">
  </div>
	<div class="item">
    <textarea rows="4">very long long long long long long  long long long long long long text</textarea>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

• IE 11 screenshot
• Chrome screenshot

有人遇到同样的问题吗？我怎么能解决它？