What's up with this :nth-child rule?

[mama]

FiddleSpecifically, why is my \[code\]#sumMenu2 p:nth-child(2)\[/code\] rule not showing up?html:\[code\]<div id="subMenu2"> <p class="active">Panel View</p> <p>Group View</p> <p>Photocell Settings</p></div>\[/code\]css: \[code\]#subMenu2 { background: pink;}#subMenu2 p { color: black; text-decoration: none; padding: 5px 25px 5px 25px; display: block; float: left;}#sumMenu2 p:nth-child(2) { border-right: 1px solid black; border-left: 1px solid black;}\[/code\]