I'm trying to display rounded corners in IE frameset, is there a way to do this? Check out the example below:
index.html:
<html>
<head><title></title></head>
<frameset rows="*,64" style="margin:0; padding: 0;" framespacing="0">
<frame name="main" src="test.html" frameborder="0" border="0" framespacing="0" marginwidth="0" />
<frame name="header" scrolling="no" noresize target="main" src="template.html" framespacing="0" />
</frameset>
</html>
and test.html:
<html>
<head><title></title>
<style>
.listing td {
-moz-border-radius: 14px;
border-radius: 14px;
}
</style>
</head>
<body>
<table class="listing">
<tr>
<td>rounded corner not work in frame!</td>
</tr>
</table>
</body>
</html>
Check out test.html and then index.html. Unfortunately, it does not work within a frame in IE9.
Please refrain from suggesting alternatives like avoiding frames or using div solutions. I specifically need to use frameset for this demo page.