Chrome 和 Firefox 的跨浏览器定位问题

Question

我希望有人能帮我弄清楚如何解决 Safari/Chrome 和 Firefox 之间的浏览器不一致问题。

这是截图（左边是chrome/右边是Firefox）：http://drp.ly/QVv2T

结构如下：http://drp.ly/QW47y

css：

inside-wrapper {
    position:relative;
    min-height:320px;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    width:785px;
    margin-right:auto;
    margin-left:auto;
}

select p a {
    display:block;
    clear:both;
    margin:0;
    padding:7px 0 6px 10px;
}

select ul {
    position:absolute;
    top:162px;
    left:1px;
    width:396px;
}

提前感谢您的帮助，如果我可以发布更多信息，请告诉我。

Answer 1

对于那些花时间仔细阅读的人感到抱歉 - 我意识到我非常含糊，并且没有提供足够的信息。

我找到了解决办法。问题是包含所有这些的主 div 需要设置为 position:relative 而我将整个事物的父级设置为 relative。

感谢大家的帮助！

Answer 2

根据您的 CSS，我注意到您将 <ul> 放在了 <select> 标记内。这不是一个有效的组合。