Firefox css 浮动错误：链接不在 IE 或 Chrome 中

Question

我的默认页面在 ie 中运行良好，但 Firefox 与a:link有问题。 在我的页面http://www.printer-ink-toner.co.uk和一半是我在 ebay 上的状态的链接。 对于 Firefox，此链接不起作用，即它起作用。 我也可以在我的开发 PC 上重现此行为。

该链接包含在名为“centercol50pct”的浮动 div 块中，其 CSS 为

 .centercol50pct {
    position: relative;
    float: left;
    width: 380px;
    margin:0px 5px 0px 0px;
  }

如果float:left; 被删除它工作正常。 更改任何其他参数不会对问题产生影响。

此外，搜索下拉菜单在 Firefox 中也不起作用。 我认为它是相关的，但我想我会先尝试解决更简单的“链接”问题

谢谢奈杰尔

Answer 1

centercolLowerblock div 覆盖了上述内容，因此使链接无法访问。

改变

#centrecolLowerblock {
    position: relative;
    top: 20px;
}  

至

#centrecolLowerblock {
    clear: both;
    position: relative;
    top: 20px;
}

此外，由于相同的问题（元素与它们重叠），您的下拉菜单也无法正常工作。 尝试改变。

h3.h3_Largeblue {
    color: blue;
    font-size: 20px;
}

至

h3.h3_Largeblue {
    clear: both;
    color: blue;
    font-size: 20px;
}

那应该解决问题的:)