Html 水平滚动条和宽度自动调整

我有一些用CSS和JS填充的html内容。 在某些时候，我有一个包含外部链接的div的页脚。根据上下文的不同，可用链接的数量可能会有所不同，因此我希望页脚根据链接的数量调整其宽度，并在需要时显示水平滚动条

我发现的诀窍是在页脚中设置一个宽度为200%的容器。然而，当IE8在Chrome中工作正常时，该代码总是显示滚动条

你有什么想法或建议让滚动条只在IE中需要时出现吗？我想去掉容器中的300%宽度，但删除它会隐藏屏幕外的链接

下面是我正在使用的一段代码：

div#底部菜单
{
宽度：99%；
高度：150像素；
边框顶部：4倍实心#E5；
溢出-x：自动；
溢出y：隐藏；
}
分区菜单容器
{	
宽度：300%；
左侧填充：5px；
右侧填充：5px；
}
a、 项目
{	
浮动：左；
字号：18px；
字体系列：Helvetica；
字体大小：粗体；
文字装饰：无；
文本转换：大写；
颜色：白色；
文本对齐：居中；
宽度：160px；
高度：120px；
空白：预换行；/*css-3*/
空白：-moz预包装；/*Mozilla，自1999年起*/
空白：-预包装；/*Opera 4-6*/
空白：-o形预包装；/*Opera 7*/
换行：断开word；/*Internet Explorer 5.5+*/
垂直对齐：中间对齐；
边缘顶部：15px；
右边距：10px；
-莫兹盒阴影：3px 3px 5px#535353；
-网络工具包盒影：3px 3px 5px#535353；
盒影：3px 3px 5px#535353；
边框：1px实心#e5；
背景重复：无重复；
}
a、 项目：悬停
{
光标：指针；
}

---

overflow-x

仅在IE9及更高版本中受支持

根据这篇MSDN文章，您可以在IE8中将

-ms-overflow-x

用作此属性的同义词：