html - 画像の後ろにテキストスクロールを設定する方法

Question

カスタムの「pre」タグを使用して、ワードプレスの投稿領域にスクロール テキスト ボックスを作成しています。

.entry pre {
    max-height: 300px;
    overflow: auto;
    text-align: left;
    width: 616px;
    border-width: 1px;
    border-color:#333;
    border-style: inset;
    padding: 5px;
    margin: 0px;
    font-size:12px;
    background:#000 url('http://www.emcsaninfo.com/wp-content/uploads/2013/06/symcli-back.jpg') no-repeat;
    color:white;
    padding-top:20px;
}

スクロールボックスの見出しとして配置される画像を使用しています。しかし、私はここで問題に直面しています。テキストが画像の上をスクロールしています。ボックスを下にスクロールしながら、画像の背後にあるテキストを送信したかったのです。これを達成するための手がかりはありますか？前もって感謝します