Unable to use background-position: center for VBox in flex

Question

Hi

I am trying to use css to have a background in a VBox which is positioned to the top of the container.

my css style looks like below:

<mx:Style>

    .agendaDateVBoxStyle
    {
        vertical-gap:0;
        corner-radius: 10;                      
        border-style:solid;
        border-color: #7191ba;
        background-color: #000000;
        background-image: 'assets/calendar/images/agenda-date-bg.png';
        background-repeat:no-repeat;
        background-position:top;

    }

Can someone help me with the situation.

Regards Zee