Why is border-color not being inherited
I have the following style rules

    * {
        border-color: #d5d6d7;
    }
    
    .homepanel {
        border-style: solid;
        border-width: 0 1px;
        margin-left: 14px;
        padding-left: 18px;
        padding-right: 8px;
        width: 293px;
    }

but the border colour is not being inherited by home panel.

However. if I change the * selector to div instead, it is inherited.

Is this 

 * due to something I'm doing wrong
 * a bug in firefox
 * correct behaviour and if so, what's the thinking behind it?
Why is border-color not being inherited
===

I have the following style rules

    * {
        border-color: #d5d6d7;
    }
    
    .homepanel {
        border-style: solid;
        border-width: 0 1px;
        margin-left: 14px;
        padding-left: 18px;
        padding-right: 8px;
        width: 293px;
    }

but the border colour is not being inherited by home panel.

However. if I change the * selector to div instead, it is inherited.

Is this 

 * due to something I'm doing wrong
 * a bug in firefox
 * correct behaviour and if so, what's the thinking behind it?