Animation starting time pausing problems at time 0

In the code below #a is lightsteelblue instead of red when paused at time 0.

<style>
.anim {
  width: 100px;
  height: 100px;
  background-color: lightsteelblue;
}
</style>

<div id="a" class="anim"></div>

var foo = new Animation(document.querySelector("#a"), {"background-color": ["red", "green"]}, 2);
foo.pause();
