JQuery пышные углы не работают в IE

Question

У меня есть jquery cury углы, прекрасно работающие в Firefox, это включает в себя div и таблицы. Содержимое div пустое, но имеет высоту и ширину vaule ... это вызывает проблемы в IE, поскольку только верхняя часть тега div находится в углу, а таблица вообще отсутствует.

    <div id="content" class="content">
    <table id="nav_links" class="nav_links" cellpadding="7">
    <tr>
    <td class="nav_background"><a href="index.html">Home</a></td>   
    </tr>
</table>

 <script type="text/javascript">
$(document).ready( function()
{
    $('.content').corners();
    $('.nav_links').corners("bottom");
 });
 </script>

Это не дублирующее сообщение, поскольку первое не было из-за проблемы IE

Приветствия

Answer 1

Я заставил это работать, поместив таблицу в div и применив к ней углы, а также я изменил порядок, в котором углы применяются к внутреннему div вначале, так как выполнение external first не будет работать.

<div id="content" class="content" style="background-color:Red">
<div class="nav_links" style="background-color:blue;width:100px">
        <table id="nav_links"  cellpadding="7" >
        <tr style="background-color:blue">
        <td class="nav_background" style="background-color:blue"><a href="index.html">Home</a></td>   
        </tr>
</table>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        var settings = {
            tl: { radius: 5 }, tr: { radius: 5 }, bl: { radius: 5 }, br: { radius: 5 }, antiAlias: true
        };
        curvyCorners(settings, '.nav_links');
        curvyCorners(settings, '.content');
    });
 </script>