我有以下情况：
<div style="max-width:300px;overflow-y:auto;overflow-x:scroll">
<a href="#" style="display:block">sometext 1</a>
...
<a ...>...</a>
</div>
这是一个简化版本，我知道阅读长代码是多么无聊:)现在我需要使div正确使用tne max-width属性。我不需要CROSS-BROWSER解决方案 - 只有最新的浏览器才能支持它。
问题：
如果A元素的内容中有空格 - 它将被包裹在空格之后。所以在这种情况下，“sometext”将在一行中，“1”在另一行中，并且不应该包裹到300px;
如果我将“max-width：300px”添加到A元素 - “1”不会被包装，但是填充被忽略，当通过firebug查看时，数字“1”仍然看起来超出界限
我不知道我是否设法正确解释了这一点，但我希望我做到了。
如果您不理解问题：
我需要使用上面的结构制作一个“弹出菜单”元素，以便它可以自动扩展，但只能到300x200像素。达到了限制。
感谢您的想法
更新
看起来Opera在这项任务中表现不错，但Firefox却没有。这是一个例子：