Duplicated resource name not renamed

[EpicVoyage]

I have the following markup in a CSS file:

@font-face {
    font-family: 'IcoMoon';
    src: url('../font/IcoMoon.eot');
    src: url('../font/IcoMoon.eot?#iefix') format('embedded-opentype'),
        url('../font/IcoMoon.svg#IcoMoon') format('svg'),
        url('../font/IcoMoon.woff') format('woff'),
        url('../font/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/**
 * Fix a Chrome bug.
 *
 * @link http://code.google.com/p/chromium/issues/detail?id=95102
 * @link http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'IcoMoon';
        src: url('../font/IcoMoon.svg#IcoMoon') format('svg');
    }
}

It gets turned into this:

@font-face {
    font-family: 'IcoMoon';
    src: url('dHVcVUf2hLLZxhHuL9VysM2B6LtBbtJ1xkwcvWxXo2S.eot');
    src: url('dHVcVUf2hLLZxhHuL9VysM2B6LtBbtJ1xkwcvWxXo2S.eot?#iefix') format('embedded-opentype'),
        url('YITcCZe5zgoD57n6yHxSfZJ3mce2DEDwttiwQytTbTo.svg#IcoMoon') format('svg'),
        url('ubtuRHyEcLtrmTY3w6YYuy9D0szQCFWAICgMVxvT1nd.woff') format('woff'),
        url('W5OcQnZhmwurJaolcFtI9BzUnrEU0gy33dRBq8PqXeq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/**
 * Fix a Chrome bug.
 *
 * @link http://code.google.com/p/chromium/issues/detail?id=95102
 * @link http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'IcoMoon';
        src: url('resource:/cp/content/font/IcoMoon.svg#IcoMoon') format('svg');
    }
}

If I change that last reference for "../font/IcoMoon.svg#IcoMoon" to "../font/IcoMoon.svg?#IcoMoon" then everything works great.