CSS nur für Chrome

[Matthi07]

Hallo,
Ich habe das Problem, dass bei meiner Webseite die linke Navigation über dem Content eingeblendet wird, wenn das Browser- Fenster verkleinert wird. (siehe Foto im Anhang). Das Problem tritt aber nur beim Chrome Browser auf, bei den anderen Browser wird die Seite korrekt dargestellt.
Ich muss allerdings noch erwähnen, dass ich mich in diesem Gebiet noch nicht so gut auskenne, aber ich lerne gerne dazu.

Mein aktueller CSS- Code sieht so aus:

.qa-nav-main{
z-index: 5;
position: fixed;
top: 56px;
left: 0px;
width: 300px;
height: 1230px;
border: solid;
border-white: 3px;
border-color: #688ff3;
border-radius: 4px;
overflow: hidden;
overflow-y: auto;
}

Wie könnte ich erreichen, das die Navigation in jedem Browser korrekt dargestellt wird?
Für einen Tipp wäre ich dankbar

 

[Gelöschtes Mitglied 36401]

Das Problem tritt aber nur beim Chrome Browser auf

Das stimmt nicht, auch im Firefox ist die Seite leicht zerschossen. Vielleicht liegt an an den Fehlern im HTML-Code, siehe https://validator.w3.org/nu/?doc=https://gefragt.net/

 

[Runshak]

Unter Safari auf MacOS scheint es zu funktionieren. Bei Chrome ist es kaputt. Aber das ist nicht nur das Menu sondern auch schon der Menubutton.