Навигационная панель html css

Web Frontend: JavaScript, HTML/CSS
#1

Навигационная панель которая должна быть поверх всех других текстов, на самом деле оказывается ниже чем поле ввода.
можете зайти на сайт полистать вверх вниз, и понять проблему: http://dnevnik.h1n.ru/save/
код навигационной панели:

        <style>
            body{ 
                margin:0;
                padding:0;
            }
            .toolbar{
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                background-color: #222;
                border-bottom: 1px solid #ccc;
            }
            .toolbar a{
                color: #eee;
                display: inline-block;
                padding: 10px;
                text-decoration: none;
                font-family: Verdana;
            }
            .content{
                margin-top: 50px;
                padding: 10px;
            }
        </style>
    </head>
    <body>
        <div class="toolbar">
            <a href="#">Главная</a>
            <a href="#">Блог</a>
            <a href="#">Контакты</a>
            <a href="#">О сайте</a>
        </div>

как сделать так чтобы панель находилась поверх всего?
при необходимости скину код сайта

#2

не надо сам нашёл
надо было использовать внутри css

z-index: 9999;