<table border="0" cellspacing="0" cellpadding="0" height="200">
<tr>
<td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
<td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
<td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
<td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
<td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
</tr>
</table>
.d1 {
.d1 {
display:table-cell;
float:left;
width:150px;
height:200px;
display:block;
border:3px solid;
padding-top:20px;
}
.d{
position: 50% 50%;
width:100px;
position:relative;
font-size:11px;
color:white;
background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
border-radius:2px 2px 2px 2px;
padding:15px 10px 15px 10px;
text-decoration:none;
transition: all .2s ease;
transition: all .2s ease;
transition: all .2s ease;
transition: all .2s ease;
transition: all .2s ease;
}
.d:hover{
font-size:11px;
color:white;
background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
border-radius:2px 2px 2px 2px;
padding:55px 20px 5px 20px;
box-shadow: 3px 3px 50px #555 inset;
text-shadow: 3px 3px 5px #555;
text-decoration:none;
transition: all .3s ease;
transition: all .3s ease;
transition: all .3s ease;
transition: all .3s ease;
transition: all .3s ease;
}