跨浏览器的CSS站点导航

我一直在尝试解决我网站上的导航问题。（红杉网）问题出现在iPhone和InternetExplorer7上。我使用了

display:table单元格CSS属性，使选项卡保持在一行中。然而，似乎有两个问题：

1） 在移动设备（特别是iPhone，但不是iPad）上，该行超出了蓝色背景，笨拙地隐藏了“我的页面”的搜索功能

2） 在IE7上，它忽略
显示：表格单元格
并实际垂直定向链接，类似于
表行
将创建的链接

据我所知，在enhanced.CSS文件中，只有少数几个属性定义了
#globalnav
，这可能会导致问题

我注意到，显示值随状态而变化——从表格到表格单元格，再到块。将它们中的任何一个（或全部换成同一个显示器）只会让我的问题变得更糟

有没有人对在这里做什么有一些建议？我不认为这是一个非常困难的问题，我只是碰上了一堵墙

**更新**

我开始使用
float:left
，但这是一把双刃剑——它看起来更好，但为了获得类似的格式，我必须将每个锚点设置为特定的宽度。现在，当您单击我的搜索栏时，它不会动态调整锚定的大小

嗯。有什么建议吗
 改为尝试
float:left
——这有更好的跨浏览器支持。您还需要设置每个项目的宽度，以及一些其他属性，以使其再次看起来良好


编辑：是，使用
float:left
将导致导航元素停止单独调整大小。如果不使用浏览器的表格布局算法，这可能很难做到。您还可以尝试其他几种方法：


设置搜索栏宽度的动画时，同时设置所有导航项的宽度的动画（但这可能很慢）
实际使用一个表（标记和表示的分离不是很好，但有时CSS是有限的）
使用条件注释“诱使”IE呈现表格（请参阅）以了解详细信息（但这并不能解决移动设备的问题）

根据您选择的方法，您可能仍然需要为移动设备提供特殊规则。我喜欢这种效果，但使用不同的设计可能更实用。
谢谢你的提示-我开始使用Float:left，它看起来好多了。它在iPhone上仍然不是完美的（最多可能减少5个像素），但至少你可以点击搜索栏！我必须弄清楚如何创建一个像样的移动网站，这可以解决我的很多问题：-）祝你有一天愉快，jnylen，再次感谢！不客气。如果我帮忙，你应该接受我的回答：）关于移动网站的两个技巧：1）使用
或类似的（）。2） 如果你使用的是PHP，这是检测用户是否使用移动浏览器的一个很好的方法。我刚刚在jnylen网站上意识到了一些事情-请看更新。有什么想法吗？如果没有，我将接受你的第一个回复，并查看你链接的资源。谢谢你的帮助！