I have a div with rounded corners from css pie, which looks great.
Inside that there's another div, with overflow:auto and lots of content so it has a scrollbar.
It's really difficult to use the scrollbar - you can't drag it, it flickers and jumps when you try to select it.
If I take out the "behavior:url(..." from the css then it works as expected.
This is in IE7, in IE8 it's OK
Code:
<style type="text/css">
.cssPieRoundedCornersTest
{
border: 1px solid #000;
border-radius: 10px;
behavior: url(/PIE.htc);
position: relative;
-pie-poll: true;
}
</style>
Code:
<div class="cssPieRoundedCornersTest" style="height:150px;">
<div style="overflow:auto; height:50%; width:50%;">
Hello 1<br/>Hello 2<br/>Hello 3<br/>Hello 4<br/>Hello 5<br/>Hello 6<br/>
Hello 7<br/>Hello 8<br/>Hello 9<br/>Hello 10<br/>Hello 11<br/>Hello 12<br/>
Hello 13<br/>Hello 14<br/>Hello 15<br/>Hello 16<br/>Hello 17<br/>Hello 18<br/>
</div>
</div>
Does anyone have any ideas?
Forums
