IE7-8 don't seem to see jQuery corner plugin
<p>I'm using malsup's jQuery Corners plugin in order to have rounded corners in every browser. So far - it worked good for me. But now - it doesn't. It simply doesn't - I don't know how to describe it. </p>

<p>Maybe you know other way to have rounded corners on both old IEs and modern browsers?</p>

<p>HTML:</p>

<pre><code>&lt;nav id="mainMenu" class="container_24"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href=""&gt;One&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;Two ›&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;Three ›&lt;/a&gt;&lt;/li&gt;
        &lt;li class="search"&gt;
            &lt;form action=""&gt;
                &lt;input type="text" placeholder="Search ›"&gt;
            &lt;/form&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;‹ Help&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/nav&gt;
</code></pre>

<p>CSS (LESS):</p>

<pre><code>nav#mainMenu {
    margin-top: -9px;
    background: #fafafa;
    height: 62px;
    border-bottom: 3px solid #e2e2e2;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.25);

    ul {
        list-style: none;
        margin: 0;
        padding: 0;

        li:last-child {
            a {
                border: 0;
            }
        }

        li {
            float: left;

            a, input {
                display: block;
                font: bold 12px/62px "Source Sans Pro", Arial, sans-serif;
                color: #4b4b4b;
                text-transform: uppercase;
                padding: 0 20px;
                border-right: 1px solid #e2e2e2;
            }
            a:hover, input:focus {
                border-bottom: 3px solid #cc624a;
                text-decoration: none;
                outline: 0
            }

            form {
                input {
                    border: 0;
                    border-right: 1px solid #e2e2e2;
                    height: 62px;
                    background: transparent;
                }
            }
        }
    }
}
</code></pre>

<p>JS:</p>

<pre><code>$('nav#mainMenu').corner('5px');
$('nav#mainMenu ul li:first-child a').corner('5px bl');
$('nav#mainMenu ul li:last-child a').corner('5px br');
</code></pre>

<p>My <a href="http://jsfiddle.net/c48hS/" rel="nofollow">fiddle is here</a>.</p>
