Кросс-браузерная проблема позиционирования с 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: относительный, и у меня вместо этого родительский объект всего объекта был установлен в относительный.

Спасибо всем за помощь!

Answer 2

Основываясь на вашем CSS, я заметил, что вы поместили <ul> внутри тега <select>. Это недопустимая комбинация.