div标签在Firefox中无法正常浮动，但可以在Safari和Chrome中使用-Wordpress主题

Question

我最近通过修改后的wordpress主题创建了一个网站。 但是，昨天在办公室通过FIREFOX BROWSER浏览网站时，我注意到3 x Losnges的“土壤标签”在FIREFOX中无法正确对齐-但是在野生动物园和铬色中看起来不错，并且显示正确（1行中有3个土壤标签），我在论坛上进行了一些阅读，并通过使用display：inline- block和float：left尝试了一些解决方案，然后创建了一个新的CSS规则，并使用float将其分配给最右边的土壤标签； 正确，所有人都无法纠正FIREFOX显示器的损坏（即中间的土壤标签losenge跌至下面的行）-昨晚在查看一些论坛时，我了解Firefox在使用浮动规则时会产生一些问题-任何帮助将不胜感激

链接到网站； http://creative-media.info/allotment/

所提及的损失是带有三角形底部的灰色面板1.申请地块2.商店和3.画廊

Answer 1

土钉按钮的填充和宽度有问题；

尝试

clear: both;
max-width: 40px;
min-height: 60px;
min-width: 107px;
padding: 1px 0 1px 80px;
position: relative;