jQuery nth-child не работает в IE7

Question

Я пытаюсь использовать jQuery для добавления полей для каждого третьего section элемента в родительском элементе:

$(function(){
    $('.portfolio-box:nth-child(3n)').css("margin", "0px 0 30px 0");
});

Вот мой HTML:

<section class="portfolio-contents">
<section class="portfolio-box"></section>
<section class="portfolio-box"></section>
<section class="portfolio-box"></section>
</section>

Это все работает во всех браузерах, включая IE8 и выше, но не работает в IE7, пожалуйста, помогите.

Это прекрасно работает со всеми браузерами, кроме Internet Explorer 7. Кто-нибудь знает, почему / как я могу это исправить?

Answer 1

Используете ли вы html5 шим ?В худшем случае используйте разделы вместо разделов.Кажется, они работают под ie7: http://jsfiddle.net/Dsmns/