Border Radius, IE6, tables and fieldsets
First off, I appreciate the effort on this project. It solved a problem I had within an hour of downloading it.
Messing around with it a bit, I've noticed some weird behavior with tables and rounded corners. In IE6 when I apply rounded corners the table loads then goes blank when the corners round. I tried the same thing on a guys machine who was running IE7 in Vista and it made the browser lock up bad enough that he had to kill the process.
Then I tried applying the rounded corners to a fieldset with a legend. For some reason this moves the legend away from the top border and down into the fieldset.
Here is some code that if anything, demonstrates the above IE6 error (I don't have access to IE7 right now to see if this crashes it):
Code:
<style type="text/css">
.myAwesomeElement
{
padding:1em;
border: 1px solid black;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(/css/PIE.php);
}
</style>
<fieldset class="myAwesomeElement">
<legend>
Here is the legend
</legend>
Here are the contents
</fieldset>
<br>
<table class="myAwesomeElement">
<thead>
<tr>
<th>One</th>
<th>Two</th>
<th>Three</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
Is there any way for me to fix these problems? It's not a big deal or anything, but I'd like to use it on those types of elements too.
Forums
