SVG-анимация с использованием stroke-dashoffset не отображается в IE

Question

У меня есть следующая SVG-анимация, которая прекрасно работает в Chrome, Safari, Firefox, но рисование линий не отображается в IE. Я пробовал просто рисовать линии без затухания или удаления от коротких цепей CSS, но без изменений.

Любая помощь или предложение будут оценены.

http://jsfiddle.net/zpL4okys/

      .path {
        stroke:#fff;
        fill:transparent;
        stroke-width:1;
        opacity: 0;
        -webkit-animation: dash 1.5s linear forwards, fadeout 1.9s linear;
                animation: dash 1.5s linear forwards, fadeout 1.9s linear;
      }
      .drawing {
        position: relative;
      }
      .illustration, .line-drawing {
        position: absolute;
        top:20%;
        left:0;
        right: 0;
        margin: auto;
      }
      .illustration {
        opacity: 1;
        animation: fadein 2s ease-in;
      }
      @keyframes dash {
        to {
          stroke-dashoffset: 0;
        }
      }
      @keyframes fadeout {
        0% {
          opacity:1;
        }
        99% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      @keyframes fadein {
        0% {
          opacity: 0;
        }

        90% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
      }