Internet explorer 将鼠标悬停在div上时会出现溢出-y滚动-Internet Explorer

我有一个div里面有一些内容，我希望这个div只在悬停时显示一个垂直滚动条。我有以下代码：

<div id="scroll" style="width:370px; height:50px;">
    lots of plain text inside 
</div>

#scroll { 
    overflow: hidden;
}

#scroll:hover {
   overflow-y: scroll;
}

里面有很多纯文本
#滚动{
溢出：隐藏；
}
#滚动：悬停{
溢出y：滚动；
}

---

它在Firefox、Opera和Chrome上都能完美运行，但在IE8和IE9上，悬停时不会显示滚动条。是否有任何解决方案使其在IE中也能正常工作？

请输入以下代码。 在IE7-9中，您必须使用div的背景来解决问题。 并确保您的

文档类型为HTML

#scroll { 
    background: #ffffff;
    overflow: hidden;
}

#scroll:hover { 
    background: #ffffff;
    overflow-y: scroll;
}

---

上面的代码在每个浏览器（包括IE8和IE9）中都能正常工作，