title: how to set text scroll behind the image
body: <p>I am using a custom "pre" tag to create a scrolling text box in wordpress post area.</p>
  
  <pre><code>.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;
  }
  </code></pre>
  
  <p>I am using a image which will position as a heading for the scrolling box. but I am facing an issue here. The text are scrolling over the image. I wanted to send the text behind the image while I scrolling the box down.
  Any clue to achieve this ? Thanks in advance</p>