Css Firefox：当使用最小宽度和最大高度时，如何防止水平滚动条？

我有一个动态创建的表放在一个div中。整个结构可以在页面上任意定位。要求是（自动垂直滚动条和从不水平滚动条）：
-文本较长时放大的最小宽度
-最大高度和行数较多时滚动条应出现。
HTML:

该代码按照IE（10）中的预期工作，但当垂直滚动条出现时，Firefox中有一个水平滚动条。在Firefox中，滚动条的宽度似乎没有正确计算。我尝试了

溢出：-moz滚动条垂直，隐藏水平滚动条（），但部分文本隐藏在滚动条和
overflow-y:scroll下这会导致垂直滚动条始终存在，但不会隐藏文本

编辑

所需输出为（IE10）


但在Firefox中，我有这样一个功能：


建议的隐藏溢出不是解决方案

overflow-y:hidden
（无法进行所需的滚动）

overflow-x:hiden
（部分文本被隐藏）
只需在右侧添加一些填充：）



溢出-y：隐藏？或者可能
溢出：自动
。只有当内容超过容器的尺寸时，它才会显示滚动条。@davidb我需要在必要时显示y滚动条，但在firefox中显示x滚动条（由于大小错误？）。
<div class="container" style="top:5px;">
<table>
  <tr><td style="white-space: nowrap;">Lorem ipsum dolor sit amet, consectetur adipisicing elit;</tr></td>
  <tr><td>2ed do eiusmod tempor</tr></td>
  <tr><td>3ed do eiusmod tempor</tr></td>
  <tr><td>4ed do eiusmod tempor</tr></td> 
</table>

.container {
   background-color: grey;  
   max-height: 50px;min-width: 70px;
   overflow-y: auto;
   position: absolute;}

padding-right: 8px;
overflow-x: hidden;