Товарищи объясните почему так себя ведет свойство :nth-child?
CSS:
section {
margin: 10px;
width: 100px;
height: 100px;
background: #ccc;
float: left;
}
section:nth-child(2) {
border: 2px solid red;
}
HTML:
<header></header>
<section></section>
<section></section>
<section></section>
<section></section>
Как видим из кода выделяем бордером 2ой по счету section, а выделяется первый. Если убрать <header></header> то всё нормально, почему так? section и header разные субстанции разве нет?
Фиддл для удобства: http://jsfiddle.net/alpha9000/jz4Hf/