Position: feste überlappende Seite

Hier ist derGeige. Ich erstelle eine Einkaufslisten-Web-App und mache das Top-Div zu einer festen Position. Wenn ich das mache, scheint das div den Rest der Seite zu überlappen. Ich habe versucht, zwei Positionen in der CSS zu verwenden (position: relative; position: fixed) aber das lässt die div nicht fix bleiben.

CSS (für den div):

#top {
    width: 100%;
    height: 40px;
    background: #96f226;
    text-align: center;
    font-size: 30px;
    color: #252525;
    position: relative;
    position: fixed;
}

HTML (für den div):

<div id='top'>Kitchen List</div>

Antworten auf die Frage(3)

Ihre Antwort auf die Frage