Hi i was just curious why when i add the text css to the widget html it works like this

<!-- works perfect -->

<span class="profile-progressbar-caption" style="color:#000000;">{$percent}%</span>

but when i add it to the actual green css it does not work

.profile-progressbar-caption
{
    margin: auto;
    position: absolute;
    z-index: 11;

    color:#000000;   /* does not work */
}

any ideas :)