瀏覽器縮放和.SVG圖片

Question

我使用.SVG我在Adobe Illustrator和我發的照片我附有他們與這個CSS背景：

（容器）

.numbertable { 
    position:relative; 
    display: inline-block; 
    padding-bottom: 80%; 
    vertical-align: middle; 
    width:41%; 
    } 

（圖像）

.my-svg{ /* svg into : object, img or inline */ 
display: block; 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; /* only required for <img /> */ 
} 

我然後在HTML使用對象命令：

<object class="my-svg" type="image/svg+xml" data="/img/composite/scale2.svg" width="100%" height="100%"></object> 

經過很多努力，我終於設法使他們在I.E.中看起來不錯。和谷歌瀏覽器使用100％（默認）縮放，但是當我切換到Firefox他們顯然使用不同的默認縮放和圖片太大。

你可以看到它的網站上：http://s23345.sigmabokhald.is/

我能做些什麼，以使照片的.svg變焦適當規模？所以，如果我縮小並進入（在我的瀏覽器中），那麼圖片就會根據背景進行適當縮放。