Webkit浏览器渲染CSS与Mozilla Firefox不同......为什么？

Question

我正在设计一个已经标记过的表单(进行了一些标记更改),我通常在Firefox中工作,因此我可以使用firebug和Web开发人员工具栏.

在这个项目中,我注意到我的样式在基于webkit的浏览器Chrome和Safari中的某个特定区域(几个元素)的显示方式与Firefox相比(我们甚至不会进入Internet Explorer,尽管它支持Firefox)显示).

我无法弄清楚为什么风格的显示方式如此不同.通常有一些规则,我忽略了Firefox只是理所当然,其他人需要它指定.但在这里,我不明白为什么它以这种方式显示.特别是我指的是表单的底部区域,用户可以在其中输入联系信息,然后提交表单.我会附上屏幕截图,以便参考差异.

这是URL,所以请随意查看.虽然被告知这是一个生产页面(已经发布),所以如果您试用该表格,您将被添加到CURE的联系人数据库中.

http://www.helpcurenow.org/survey2010

这是屏幕截图:

Firefox(我打算看的方式)alt text http://static.helpcurenow.org/images/test/firefox.jpg

Chrome,然后是Safari - 奇怪的更改提交按钮alt文本http://static.helpcurenow.org/images/test/chrome.jpg alt text http://static.helpcurenow.org/images/test/safari.jpg

作为奖励,如果有人想帮助我搞清楚为什么IE7只想显示问题背后的背景,以及如何解决这个问题我会非常感激!

非常感谢.

Answer 1

您<ol>没有关闭,这使得webkit将提交按钮置于其中<fieldset>以试图修复您的代码.