Почему Mobile Safari запускается: активное состояние во время прокрутки?

В настоящее время тестируется мобильный сайт на iOS (скоро будет доступен для других устройств, поэтому не уверен, относится ли это к другим ОС / браузерам).

Почему мобильное сафари вызывает активное состояние ссылки во время прокрутки?

Моя тестовая страница состоит из неупорядоченного списка с тегом ссылки внутри каждого элемента списка, который расширяется до 100% ширины. Проблема в том, что во время нормальной прокрутки запускается состояние: active, открывая фон, который предназначен для отображения только во время: активного состояния (я, очевидно, опускаю ненужные стили и контент из примера):

html:
<ul id="foo"><li><a href="#">Content</a></li></ul>

css:
#foo a {background:white; width:100%; height:100px;}
#foo a:active {background:red;}