background-position not working with background-size

Once background-size is added, background-position seems to be ignored.

HTML

<div class="offset"></div>

CSS

div {
    background-image: url(https://www.google.ca/logos/doodles/2015/lunar-new-year-2015-5753824463552512-hp.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;   /* half height of image */
    width: 250px;    /* half width of image */
}

div.offset {
    background-position: 200% 200%;    /* ignored? */
}