Как изменить стили svg при ховере родителя?

имеется, к примеру, код

<div>
<object data="path.svg" type="image/svg+xml"></object>
</div>

вопрос вот какой: как по ховеру на div изменить стили svg?
если задать класс (к примеру, .svg-image) внутри svg и сделать ссылку на файл с таблицей стилей, то он примет во внимание только стили вида

.svg-image{
 fill:#333;
}

но вот такие:

div:hover .svg-image{
fill:#333;
}

игнорирует. как быть?