Problème de positionnement de Cross Browser avec Chrome et Firefox

Question

J'espérais que quelqu'un puisse m'aider à comprendre ce qu'il fallait faire à propos d'un problème d'incohérence entre Safari/Chrome et Firefox.

Voici une capture d'écran (celui à gauche est le chrome/est droite Firefox): http://drp.ly/QVv2T

est ici la structure: http://drp.ly/QW47y

Le 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; 
} 

Merci à l'avance pour la aidez-moi et laissez-moi savoir si je peux poster plus d'informations.

Answer 1

Désolé pour ceux qui ont pris le temps de regarder cela - je me rends compte que j'étais très vague et que je ne fournissais pas assez d'informations.

J'ai été capable de trouver une solution. Le problème était que la div principale qui englobait tout cela devait être mise en position: relative et moi à la place, le parent de l'ensemble était mis en relation.

Merci à tous pour votre aide!

Answer 2

Basé sur votre CSS, j'ai remarqué que vous mettez un <ul> à l'intérieur d'un tag <select>. Ce n'est pas une combinaison valide.