SVG не отображается правильно на Firefox

Question

Я знаю, что есть похожие вопросы, подобные этому, но я не могу понять, что изменить его код.

Вот ссылка: SVG

Это вскрывается в окне с 1024px X 768px. По крайней мере, это то, что я прочитал из кода. Следуйте по этой ссылке и нажмите на картинку с голубыми головами слева, чтобы открыть ее, как это обычно делается для пользователей. Ссылка: Homepage

Я читал, что мне нужно будет определить ширину и высоту 100%, чтобы он работал, но я не знаю, где его записать. Вот код, который я нашел:

<div style="position:relative; top:8px;"> 
<a title="Hier finden Sie eine kurzpräsentation über die Werbeagentur Pluskat GmbH" onclick="javascript: window.open('<?php bloginfo('template_directory')?>/images/mehrwert.svg', 'Mehrwert', 'width=1024px,height=768px,scrollbars=no');" href="#"><img src="<?php bloginfo('template_directory')?>/ images/kurz_praesi.jpg" alt="SVG Präsentation" width="237" height="160" border="0" title="Das können wir für Sie tun - 150 Sekunden Kurzpräsentation" /></a> 
<p style="font-family: 'Open Sans', sans-serif; font-size:11px; line-height:17px;color: #000000;">Was wir für Sie tun können, erfahren Sie auch in unserer knapp 3-minütigen Präsentation.<br/> <strong> 
<a title="Hier finden Sie eine kurzpräsentation über die Werbeagentur Pluskat GmbH" onclick="javascript: window.open('<?php bloginfo('template_directory')?>/images/mehrwert.svg', 'Mehrwert', 'width=1024,height=768,scrollbars=no');" href="#"><span>Einfach durchklicken.</span></a></strong><br/> 
</p></div> 

Вот весь код вызова окна с SVG внутри. Он отлично работает в каждом браузере, кроме Firefox. Firefox каким-то образом покрывает его белыми линиями/сокращает его. Было бы здорово, если бы у кого-нибудь был ответ и он мог бы как-то выделить его для меня в коде.

спасибо, очень много!

Answer 1

Я не проверял, но я предполагаю, что вы должны пойти в файл mehrwert.svg, и изменить эту часть <svg> элемента

width="1022" height="766" 

в

width="100%" height="100%" viewbox="0 0 1022 766"