html { width:145px; height:395px; margin: -8; padding: 0; } body { overflow:hidden; } .container { width:145px; height:395px; margin: auto; overflow: hidden; } button{ background: none; border: none; outline: none; cursor: pointer; padding: 0; margin: 0; } .footer { margin: 0px; } .images { margin-top: 5px; } .images>button{ float: left; display: block; filter: grayscale(100%); margin: 0 4px 8px; } .images>button:hover { filter: none; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } /* footer fixed area .images { background-color: #343434; padding-top: 12px; padding-bottom: 12px; } ul { margin: 0px; margin-left: 10px; } ul li { list-style: none; width: 20%; margin-bottom: 3px; display: inline-block; cursor: pointer; filter: grayscale(100%); } ul li:hover { filter: none; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }