Why is my image not centering within it's parent element?

#image {
text-align: center;
display: block;
height: auto;
width: auto;
max-width: 100%;
margin: 0px ;
}

#img-div {
background-color: white;
border-radius: 5px;
margin: 0px;
}

Change #image margin to auto.