menuu

<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 {

  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;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-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;

   -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  -ms-transition: all .3s ease;

  transition: all .3s ease;

}