background-size в некоторых браузерах

Здравствуйте. Мне нужно поставить фоновую картинку для элемента меню, так, чтобы эта картинка была прижата к низу элемента, и растянута на всю его ширину. Делаю следующее:

    background-color:#fff;
background-image:url(../img/bg-active.svg);
background-repeat:no-repeat;
background-position:center bottom;
background-size:100% 27px;

В файрфоксе все работает, а в опере и хроме - картинка не растягивается, просто остаётся по нижнему краю элемента, и по его центру.

    -moz-background-size:100% 27px;
-ms-background-size:100% 27px;
-webkit-background-size:100% 27px;
-khtml-background-size:100% 27px;
-o-background-size:100% 27px;   

Ничего из этого не помогает.

Буду благодарен за идеи.