
Border-radius not working?
First off, I'd like to thank the CSS3 PIE development team for your hard work. I really hope this works for me as I see it working for many others =)
Here is my CSS:
Code:
.fieldRow {
clear:both;
padding: 0;
margin: 0;
overflow: hidden;
line-height:17px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.php);
}
.alternate, .rowMousedOver {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.php);
}
and here is some sample HTML:
Code:
<div class="fieldRow alternate">
<div class="label"><label id="title_label" for="title"> Title: </label></div>
<div class="fieldWrapper required text">
<div class="cellValue"><input type="text" onchange="validateField(this)" name="title" id="title" value="Tax Free Savings Accounts" disabled=""></div>
</div>
</div>
and via javascript I add rowMousedOver to the fieldRow when it is hovered.
Any idea as to why this is not working? I've also tried using behavior: url(PIE.htc), but had no luck with that either.
Thanks!