CSS-Transformation funktioniert nicht korrekt mit Firefox

Question

auf meiner Website https://koengeter-immobilien.de Ich habe ein zentriertes Logo mit einer geschrumpften Header. Ich zentrierte das Logo mit dem Befehl css

.html_header_top.html_logo_center .logo { 
    transform: translate(-63%, -2%); } 

Es funktioniert gut in Google Chome und IE. Aber in Firefox ist das Logo über dem Menü, wenn die Website gescrollt wird.

Ich kann keine Lösung für Firefox finden.

Kann jemand helfen?

freundlichen Grüßen

Answer 1

Das div Menü muss absolut positioniert werden:

#header_main_alternate { 
    z-index: 2; 
    position: absolute; 
    width: 100%; 
} 

Wenn Sie den Code überprüfen können Sie die 2 divs sehen bleiben übereinander.