Есть <div class="art-object6" data-left="0%"></div>

Оборачиваю див ссылкой:

<a href="https://vk.com/><div class="art-object6" data-left="0%"></div></a>

Вопрос: почему объект (картинка) смещается? То есть, data-left="0% для неё уже не работает.
Пробовал

<a data-left="0% href="https://vk.com/><div class="art-object6" data-left="0%"></div></a>

Не помогло.

Как сделать ссылку и сохранить позицию картинки?