<td class="leftCol">
    <div class="centrirov" arrow="firstArrow" align="center"><div class="text" >Text</div></div>
    <div class="centrirov" arrow="secondArrow"><div class="text"> Text  </div> </div>
    <div class="centrirov" arrow="thirdArrow"><div class="text"> Text  </div> </div>
    <div class="centrirov"arrow="fourthArrow"><div class="text"> Text  </div> </div>
        </td>

#middle .leftCol{
width:700px;
padding-left:20px;
position:relative;
border:1px solid #000;
}

#middle .leftCol .centrirov .active{
width:144px;
height:110px;
background:url(/i/buttonActive.png) no-repeat;
/*margin-top:-6px;*/
color:#fff;
cursor:pointer;
  display:table-cell;
  vertical-align:middle
}

.enabled{
cursor:pointer;
}

#middle .leftCol .centrirov .active .text{
color:#fff;
}

#middle .leftCol .centrirov .text{
background:none;
      display: inline-block;
      vertical-align: middle;
}

#middle .leftCol .centrirov {
background:url(/i/button.png) no-repeat;
width:129px;
height:100px;
float:left;
margin-right:28px;
text-decoration:none;
color:#bebcbc;
font-size:20px;
text-align:center;
      display: table-cell;
      vertical-align: middle;
}

div.center {
    width: 700px;
    margin: 0px auto;
}

#middle .leftCol .centrirov {
  ...
  float: left;
  display: table-cell;
  ...
}

display: table-cell;
vertical-align: middle;

#middle .leftCol .centrirov > div {
  width: 129px;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
}