element .class:first no funciona

[SoutlinK]

Hola gente:

Tengo el siguiente código html

Código HTML:

<div id="cp-main">
    <div class="panel">html</div>
    <div class="panel">mas html</div>
</div>
 

Con el siguiente código css

Código CSS:

#cp-main .panel {
    background-color: #111111;
}
 
#cp-main .panel:first {
    min-height: 240px;
    padding-bottom: 5px;
}
 

Lo que deberia hacer es aplicarle el height y el padding solo al primer panel no? Pero lo que de verdad hace es, simplemente no aplicarlo a ningun panel, ni al primero ni a ninguno.

Si le saco el :first me lo aplica a todos los panel por debajo de #cp-main

ALguna idea de por que no funciona?

Gracias

P.D E probado tanto con :first como con :first-child