加扰HTML / CSS问题似乎无法解释

Question

我最近将rails应用程序切换到新服务器。出于某种原因，搜索结果有时会加扰。它们看起来像这样：

但他们看起来应该是这样的：

当我检查firebug时，似乎没有正确解析包装器div，因此代替包含在<a>标签中的一堆节点，节点在集合中是平的。

这发生在chrome和firefox，windows和linux以及不同的计算机上。似乎没有任何CSS或HTML验证错误。我的本地开发服务器没有问题，只在生产中。

奇怪的是，当我在Firefox中查看违规页面时，单击View > Source，将HTML复制到空白文档然后打开它，看起来很好看。如果我只是使用curl获取页面，我似乎也没有这个问题。

该网站可在http://50.57.76.99访问。您可能需要进行一些搜索才能获得有问题的结果。有任何想法吗？我完全不知所措！

Answer 1

我设法避免了这个问题。

如果我没有将整个项目包装成<a>标记，问题就会消失。显然我宁愿让整个项目成为一个链接，但现在只是图像是可以的。我认为另一种解决方案是按照建议交换<div>标签的<span>标签，但这个快速修复似乎没问题。

但是看起来仍然很奇怪，因为它在打破时似乎是随意的。谢谢你的帮助！