pozycjonowanie tła css (pozycja negatywna?)

Próbuję dodać ikonę, która znajduje się na szczycie granicy, dzieląc ją na pół.

Oto, co mam do tej pory:

<code><html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    <style type="text/css">
        body {
            background-color:#26140C;
        }

        .box {
            width: 800px;
            margin: 0 auto;
            margin-top: 40px;
            padding: 10px;
            border: 3px solid #A5927C;

            background-color: #3D2216;
            background-image: url(Contents/img/icon_neutral.png);
            background-repeat: no-repeat;
            background-position:10px -20px;
        }
    </style>
</head>
<body>
    <div class="box">
        <h1>This is a test!</h1>
    </div>
</body>
</code>

Zamiast wyobrażenia o byciu ponad granicą, jakbym miał nadzieję, jest pod nią.

questionAnswers(4)

yourAnswerToTheQuestion