Problème border-radius sans images sous IE

Bonjour,

J'ai suivi le tuto "créer des coins arrondi en css et sans image"

J'ai réussi pour internet explorer avec Roundies.js

J'ai un autre bout de code que je souhaite arrondir mais je ne trouve pas la syntaxe à écrire comme pour ma div :

DD_roundies.addRule('div.divtarif', '20px');


Voici le code que je veux arrondir :

<div id="mes_onglets">
            <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);" style="border-radius:10px 0 0 0;padding-left:12px;padding-right:12px;">PASS ANNUEL</li>

                <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"style="padding-left:12px;padding-right:12px;">OFFRE SPECIALE FAMILLE</li>

                <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"style="padding-left:12px;padding-right:12px;">CONDITIONS D'ABONNEMENT</li>

                <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"style="border-radius : 0 10px 0 0;padding-left:12px;padding-right:12px;">ACHETER MON PASS ANNUEL</li>

Comme vous pouvez le voir, je veux un border-radius pour le premier li et le dernier li (qui fonctionne sous ie) en utilisant roundies.js

J'ai essayé :

DD_roundies.addRule('li#o_1', '10px'); mais il ne se passe rien...

Merci par avance pour votre aide!

Bonne journée