CSS - overflowed ellipsis issue on firefox

Question

.text-overflow {
  white-space: nowrap;  
  vertical-align:top;
  overflow: hidden;
  text-overflow: ellipsis;
  /*add height to fix them*/
  height: 120px;
}