Plop,
 
Firefox a un comportement assez étrange avec les div imbriqués : quand on click dessus, le navigateur affiche une barre de sélection à côté du div intérieur.
 
Ca sert à rien et c'est très moche (grosse barre noir sur mon background).
 
Est ce qu'il existe une propriété css pour empêcher cette sélection ?
 
PS : rien de la sorte sous Chrome. Aucune idée sous IE/Opéra.
 
Exemple :
 

 

Hmm, à mon avis tu as plutôt une règle CSS qui vient foutre la merde quelque part, parce que je n'ai jamais vu ce comportement sur Firefox (et je pari qu'un truc aussi con doit être testé avant chaque release).
 
Bref installe Firebug, clic droit que le div interne => Inspect element, puis regarde ce qu'il y a de listé dans la colone  "Style".
 

J'ai regardé et non rien de gênant.
 
Je c/c la liste des propriétés calculés, au cas où tu verrais un truc pas normal :
 
Texte
font-family Verdana
font-size 9px
font-weight bold
font-style normal
color #000000
text-transform none
text-decoration none
letter-spacing normal
word-spacing 0
line-height 19px
text-align start
vertical-align baseline
direction ltr
 
Arrière-plan
background-color transparent
background-image none
background-repeat repeat
background-position 0 0
background-attachment scroll
opacity 1
 
Modèle des boîtes
width 20px
height 20px
top auto
right auto
bottom auto
left auto
margin-top 0
margin-right 0
margin-bottom 0
margin-left 0
padding-top 0
padding-right 0
padding-bottom 0
padding-left 0
border-top-width 1px
border-right-width 1px
border-bottom-width 1px
border-left-width 1px
border-top-color #FFFFFF
border-right-color #FFFFFF
border-bottom-color #FFFFFF
border-left-color #FFFFFF
border-top-style solid
border-right-style solid
border-bottom-style solid
border-left-style solid
 
Apparence
position static
display block
visibility visible
z-index auto
overflow-x visible
overflow-y visible
white-space normal
clip auto
float none
clear none
-moz-box-sizing content-box
 
Divers
cursor auto
list-style-image none
list-style-position outside
list-style-type disc
marker-offset auto

Au contraire j'ai l'impression que c'est le comportement normal sur Firefox, pour pouvoir se déplacer dans une page juste avec les flèches du clavier (accessibilité tout ça).
 
Dans tous les cas j'aimerais quand même pouvoir l'enlever.

Bon, imo c'est le comportement normal de Firefox pour un soucis d'accessibilité (pouvoir se déplacer dans la page juste avec les touches du clavier). Le navigateur pour suivre le flux de la page sélectionne donc les div.
 
J'ai trouvé un solution pas très propre mais qui fonctionne :
 
un div en position relative, l'autre en absolute, et je remplace le margin auto par un left ~50%. L'absolute casse le flux et donc plus de sélection.

et un outline:none
ça suffirait pas