jquery - IE8でnth-childを再現するJquery + Selectivizer

Question

selectivizr からの私の理解では、ie6-8 で多くの疑似クラスを正しく解釈できるということです。何をしようとしても、Chrome/Firefox では完全に動作しますが、IE6 ではうまくいきません。どんな助けでも素晴らしいでしょう！

CSS

#menu li img
{
    position: absolute;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
}

#menu li:nth-child(odd) img
{
    top: 0px;
}

#menu li:nth-child(even) img
{
    bottom: 0px;
}

#menu li span
{
    position: absolute;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    padding: 5px;
}

#menu li:nth-child(odd) span
{
    top: 150px;
}

#menu li:nth-child(even) span
{
    bottom: 150px;
}

Jquery/セレクティバイザー:

<script language="JavaScript" src="jquery-1.8.1.min.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script language="JavaScript" src="selectivizr-min.js"></script>
<![endif]-->

HTML

<li><img src="menu/menu01-01.jpg" /><span>過橋米線 NT.100</span></li><li>
<img src="menu/menu01-02.jpg" /><span>昆明辣泡菜鍋米干/米線 NT.100</span></li><li>
<img src="menu/menu01-03.jpg" /><span>阿美米干/米線 NT.80</span></li><li>
<img src="menu/menu01-04.jpg" /><span>雲燒牛腩米干/米線 NT.100</span></li><li>
<img src="menu/menu01-05.jpg" /><span>豆腐乳/臘肉炒飯 NT.80</span></li>