Estou precisando por uma div fixa no topo da tela (até aí, basta usar o `position: fixed`), mas que não seja sobreposta por outras divs e imagens. Ela tem que ficar por cima de tudo.

"Organização":

    <html>
    <head>
    [brain]
    </head>
    <body>
    <div class="a div que precisa estar no topo, fixa e por cima de tudo"></div>
    [resto do site, que quando há scroll, sobrepõe a div acima]
    </body>
    </html>
CSS:

<!-- begin snippet: js hide: false -->

<!-- language: lang-css -->

     .beta-info {
        background: #fff;
        padding: 10px;
        text-align: center;
        border-bottom: 1px solid #FF016D;
        position: fixed;
       }

<!-- language: lang-html -->

    <div id="site">
      
    <div class="beta-info">O SITE ESTÁ EM FASE BETA, BUGS SÃO COMUNS!</div>
    [resto do site, sobrepõe a div acima]

    </div>

<!-- end snippet -->