Aqui está oviolino. Eu estou fazendo um aplicativo da web de lista de compras, e estou fazendo o top div uma posição fixa. Quando faço isso, o div parece se sobrepor ao restante da página. Eu tentei usar duas posições no css (position: relative; position: fixed) mas isso não deixa o div ficar fixo.

CSS (para o div):

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

HTML (para o div):

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