Размещение изображения по центру html и css

Проблема заключается вот в чем:
С помощью CSS все-таки удалось поставить картинку по-центру, но єто действует, если не менять масштаб. Но, как только я увеличиваю масштаб, картинка как бы "сдвигается" и теряет свое свойство расположение по центру...
Как это можно исправить?
P. S. Код CSS (элемент в HTML выделен как )
div.TopImg{
display: block;
width:1600px; height:800px;
margin: 0 auto;
background-image: url(Fon/Top1.jpg);
background-repeat: no-repeat;
background-position: center 50%;
background-size: 100% 100%;
background-color: white;
}

Я извиняюсь за ошибку
P. S. S. Код в HTML выделен как ""

Див