Hi Guys,

I am using "malsups" jQuery corner plugin - http://jquery.malsup.com/corner/ - and having a bit of nightmare of a time with IE. Basically I have

1. <ol><li>
2.     <span class="main">
3.         <span class="test1"></span>
4.         <span class="test2"></span> 
5.         <span class="test3">
6.         <span id="test4"></span> 
7.         <span  id="special" class="special">
8.             <span class="test4">TEXT</span>
9.         </span>
10.     </span>
11. </li></ol>

Basically, in IE when I try and make the id="special" have rounded corners - i get a distorted view. I think its something related to problems with referencing li elements using

1.     jQuery('#special').corner('5px'); 

Could anyone help :) ? The CSS is

1. ol .special {
2. background-color:#111;
3. color:#CCC;
4. padding:10px;
5. position:relative;