Comportement de mise en page dans Firefox

Question

J'ai donc joué avec le développement web et j'ai remarqué que dans Firefox, mes éléments sont poussés vers la droite ou vers le bas, ce qui devrait être le cas (ce qui arrive dans Chrome).

Je suis pas un gourou. Y a-t-il un moyen de hiérarchiser l'emballage plutôt que de pousser? J'ai essayé d'insérer des sauts de ligne et de régler les deux pour afficher: block. Cela ne semble pas être le problème.

C'est le CSS pour la barre:

.tiq-editor-bar 
{ 
    z-index:1; 
    overflow:hidden; 
    float:left; 
    width:100%; 
    border-top: solid 1px #AAA; 
    text-align:center; 
    display:none; 
    position:relative; 
    color:#AAA; 
    font-weight:normal; 
    font-size:14px; 
} 

C'est le CSS pour l'emballage de la galerie (la chose blanche hors doublée)

#tiq-ui-gallery-wrapper 
{ 
    min-height: 500px; 
    background:url(../img/portfolio/empty.png) center no-repeat; 
    overflow:hidden; 
} 

Et pour la galerie elle-même:

.tiq-theme-gallery 
{ 
    width:600px; 
    height:400px; 
    resize:vertical; 
    border:solid 1px #eee; 
    overflow:auto; 
} 

Merci!

EDIT: La galerie est positionnée relativement, BTW. J'utilise Galleria et qui donne le contenant:

.galleria-container { 
    position: relative; 
    overflow: hidden; 
    background: #000; 
    display:block; 
} 

EDIT EDIT:

Voici un jsFiddle:

http://jsfiddle.net/RyBz9/2/

Answer 1

changement

.tiq-editor-bar 
{ 
    float:left; 
} 

à

.tiq-editor-bar 
{ 
    float:none; 
}