jQuery slideToggle和CSS border-radius propery show在IE10中连线

我正在使用MVC4，在我的页面中我使用了4个div和所有div。 我有JSFiddle URL来检查我的确切问题。

的jsfiddle

请仅在IE10中运行，因为在IE10或任何其他浏览器下它工作正常。

jQuery(document).ready(function () { jQuery(".HomeContent").hide(); jQuery(".HomeDivHeading").click(function () { jQuery(this).next(".HomeContent").slideToggle(250); }); }); 

在IE10中，当我向下滑动时，它会像这样显示出来

我想解决这个问题，当我向下滑动它看起来像有线，并在一段时间后显示自动纠正。

请让我知道如何解决这个问题….

Answer 1

这是一个奇怪的浏览器行为。 我已经找到了解决方案给出了爱情;

 .HomeDivHeading { background-color: #BBC0C4; border-radius: 10px 10px 0 0; display: inline-block; /* changed from block to inline-block*/ font-size: 18px; font-weight: bold; padding: 6px 0; text-align: center; width: 100%; cursor: pointer; }