CSS/HTML Question

I have a HTML unordered list-item.  With hrefs, with either pdf/zip.  I want each one to be 200x200 inline, with the full block being the link.  Text would be center/middle aligned.  Im really having issues putting this together.  Also, Mouse over and the background-color changes and you can download the items.

<style>
.pk ul{
    display:inline-block;
}
.pk li{
    background-color: #ccc;
    min-width: 200px;
max-width: 200px;
    min-height: 200px;
max-height: 200px;
display:inline-block;
text-align:center;
padding: 10px ;
margin: 0 0 10px 0;
}
</style>
<ul>
  <li><a href="#" target="_blank">Press Release</a></li>
  <li><a href="#" target="_blank">FAQ</a></li>
  <li><a href="#" target="_blank">Backgrounder</a></li>
  <li><a href="#" target="_blank">Overview</a></li>
  <li><a href="#">Screenshots: One</a></li>
  <li><a href="#">Screenshots: Two</a></li>
  <li><a href="#">Video: One</a></li>
  <li><a href="#">Video: Two</a></li>
  <li><a href="#">Bio 1</a></li>
  <li><a href="#">Bio 2</a></li>
</ul>

Select allOpen in new window