Ajuste <svg> ao tamanho do recipiente <object>

Eu tenho esta marcação:

#widget1 {
    height:100px;
    width:200px;
}

<div class="widget" id="widget1">
    <object data="foo.svg" type="image/svg+xml" />
</div>

Eu consegui fazer o<object> elemento encher o exterior<div>, mas o arquivo foo.svg interno tem suas próprias idéias de quão grande é. Preciso de foo.svg (que consiste em um<svg> elemento, é claro) ter o mesmo tamanho que<object> e<div>.

questionAnswers(1)

yourAnswerToTheQuestion