Rounded div inside scrollable div display incorrectly inIE8
Dear all,
I have a problem where I maintain a set of rounded div inside the scrollable div,
But when the scrollbar is scroll using mouse wheel, the inside element div display incorrectly,
I have search over the net and cannot find a solution for this,
So I am posting here.
I wish someone can help me,
You help is appreciated
Below is the code .
<html>
<style>
.box
{
position:relative;
box-shadow: 2px 2px#ccc;
width:95%;
height:60px;
margin-left:15px;
background-color:#f4f5f7;
z-index:0;
zoom:1;
border-radius: 10px 10px 10px 10px;
margin-top:10px;
margin-bottom:5px;
behavior: url(PIE-2.0/PIE.htc);
}
.boxText
{
position:relative;
padding-top:5px;
}
</style>
<body>
<div style="height:140px;width:300px;overflow:auto;">
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
</div>
</body>
</html>
Forums
