вопрос о позиционировании текста внутри резинового горизонтального выпадающего меню на css

меню резиновое на ul li, стоит display: table-cell
текст горизонтального меню внутри ячейки сьезжает вниз при уменьшении разрешения, как закрепить?



код:

• 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  


• 
  
  
  
  
  
  
  
  
  


• 
  
  
  
  
  
  
  
  
  
  
  


• 
  
  
  
  
  
  
  
  
  
  
  


• 
  
  
  
  
  
  
  
  
  
  
  


• 
  
  
  
  
  
  
  
  
  
  
  

css

ul.nav {
margin: 0;
padding: 0;
display: table;
width: 100%;
position: absolute;
z-index: 100;
}
.nav li {
display:table-cell;
min-width:107px;
width:5%;
text-align:center;

}

*html .nav li{
display: inline;
zoom: 1;
}
.nav a:link, .nav a:hover, .nav a:visited{
display: block;
background: #fff;
padding: 5px 0;
font:12px verdana;
color: #000;
text-decoration: none;
}

.nav a:hover{

color: #fff;
}
.sub-menu ul{
display: block;
padding: 0;

}
.sub-menu li{
display: block;
width: inherit;
border-right: none;

}
ul.sub-menu{
display: none;
padding: 0;

}
.nav li:hover ul.sub-menu{
display: block;
}
.nav li a:hover {
color: #fff;
}
.nav li a {
color: #009;
}
.nav li.hover a,
.nav li:hover a {
background: #e17827;
color: #fff;
}
.nav li.hover ul li a,
.nav li:hover ul li a {
background: #e59a49;
color: #fff;
}
.nav ul li a:hover {
background: #e38f35!important;
color: #fff!important;
}