Alinhar verticalmente DIV que tem float

Oi pessoal.

Estou tentando alinha um link no centro de um div mas não estou conseguindo.

Sei que é mais complicado pq o div está com float:left e sei que por isso o o vertical-align:middle não vai funcionar.

Tentei usar um display:table-cell no div, mas mesmo assim não consegui.

Segue o css e o trecho do html.

Obrigado pela ajuda!

.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}
div#center{position:relative;}
div#l1 {position:relative; height:70px;}
div#c1 {margin:0 0 0 150px;}
div#c2 {margin:0 0 0 10px;}
div.box {border:1px solid #868686; width:150px; height:60px; text-align:center; background-color:#ecfcfc;float:left; position:relative;}

 <div id="center" class="grid_12">
 <div id="l1">
 <div id="c1" class="box">
 <a href="#">Link linha 1 coluna 1</a>
 </div>
 <div id="c2" class="box">
 <a href="#">Link linha 1 coluna 2</a>
 </div>
 <div id="c2" class="box">
 <a href="#">Link linha 1 coluna 3</a>
 </div>
 <div id="c2" class="box">
 <a href="#">Link linha 1 coluna 4</a>
 </div>
 </div>
 <div id="l1">
 <div id="c1" class="box">
 <a href="#">Link linha 2 coluna 1</a>
 </div>
 <div id="c2" class="box">
 <a href="#">Link linha 2 coluna 2</a>
 </div>
 <div id="c2" class="box">
 <a href="#">Link linha 2 coluna 3</a>
 </div>
 <div id="c2" class="box">
 <a href="#">Link linha 2 coluna 4</a>
 </div>
 </div>
 </div>

Saulo Marques