CSS3 PIE Forums
http://css3pie.com/forum/

Rounded div inside scrollable div display incorrectly inIE8
http://css3pie.com/forum/viewtopic.php?f=6&t=2060
Page 1 of 1

Author:  mrthetkhine [ Wed May 15, 2013 9:53 pm ]
Post subject:  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>

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/