放大Firefox会导致页面布局中断

Question

我在这个页面遇到了麻烦:http://seatgeek.com/atlanta-hawks-tickets/.如果从Firefox中的"普通"设置缩小一个级别,页面如下所示:.在版本3.6和4.0的FF中都会发生这种情况.Webkit不会发生这种情况.

显然问题在于"list_details"div中的元素.可以通过将"col1"或"col2"跨度减小1px或通过将"vevent"li元素增加1px来解决该问题,但这些修复会导致设计呈现不正确.

如果将"col1"和"col2"的宽度相加,同时考虑到它们的水平填充和边框,则总宽度为647px.但它只能在Firefox中显示(当缩小一级时),当包含两者的"vevent"元素的宽度为648px时.这是为什么？

Answer 1

从以下 css 中删除margin-right修复了缩小问题

#left_container .search_details .list_details {
    margin-right: 1px;
}