Центровка изображений в <div> - Вопросы по CSS

.moduletablenew .moduletablenew .scrollimg img {
  padding-top: 50px;
}

<style>
.img {
        text-align:center;
        border:1px solid Crimson;
        height:400px; /* максимальная высота изображений */
        width:300px; /* максимальная ширина изображений */
        display:table;
        #position: relative;
}
.img a {
        display:table-cell;
        vertical-align:middle;
        #position: absolute; 
        #top: 50%;
        #left:0;
        #width:100%;
}
.img a img {
        #position: relative;
        #top: -50%;
}
 
</style>

<div class="img">
    <a href="#" title="">
        <img width="" height="" border="0" alt="" src="pic1.jpg" />
    </a>
</div>