title: How to scroll a background image together with text in textarea?
body: <p>I know this is bit difficlut to explain but you'll get an idea by seeing my code below, the situation is I've a textarea which having a line background(something like notebook and the image style is repeat), also the textarea become fixed height for eg. 300px, so my question is when a scroller comes I want to stick the lines with the text, now the text is scrolling and the background lines stay back into a fixed position..</p>
  
  <p>Just tell me your suggetions, is that possible to scroll the background lines together with the text?</p>
  
  <p>Here is my html code..</p>
  
  <pre><code>&lt;div style="width:500px; height:300px; margin:0px auto; background:#ebebeb;"&gt;
  &lt;textarea style="width:100%; height:300px; background:url(line.jpg) repeat; line-height:30px; font-size:20px; font-family:Georgia, 'Times New Roman', Times, serif;" name="" cols="" rows=""&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here you can see the image -  {
  <img src="https://i.stack.imgur.com/EN81e.jpg" alt="enter image description here"> } </p>