Может быть не внимательно читаете? ) Вы обозначили проблему "Т.е. он виден как узкая однопиксельная полоска, но не тиражируется на ширину элемента", я указал на её причину. Если я правильно понял из контекста, вы хотите свойством background-repeat: repeat-x; "размножить" абсолютно спозиционированный элемент внутри какого то родителя? Так это не работает :)
Juodvirshis: Используя например jQuery навешиваешь событие .change(). При срабатывании события циклом $.each() проходишь нужные чекбоксы берёшь их .val() либо .html(), строишь строку и пишешь её в input
А если хочешь оставить их, то вырезай экранирования.
Пример XSS