title: Position input text form and submit button over an image
body: <p>Am trying to add and position an input text form and submit button on top of an image (not over a background image, the commentpaper.jpg) and having a lot of difficulty. This is what I have so far in my html page. </p>
  
  <p>Am new to Html and Css so the simplest way possible would be sweet! Thanks for your help in advance.    </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Have Your Say&lt;/title&gt;
      &lt;meta name="description" content="Have Your Say."&gt;
      &lt;meta name="keywords" content="Have Your Say, Comments"&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
      &lt;img src="commentpaper.jpg" alt="header" width="1050" height="600"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="wrapper"&gt;
          &lt;div id="header"&gt;
      &lt;/div&gt;
      &lt;div id="nava"&gt;
          &lt;ul id="navlist"&gt;
              &lt;li&gt;&lt;a href="Index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="Quiz.html"&gt;Weird Stuff&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Comments.html"&gt;Have Your Say&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;center&gt;
          &lt;form action="" method="GET"&gt;
              &lt;textarea name="comments" rows="10" wrap="hard"&gt;&lt;/textarea&gt;
              &lt;input name="redirect" type="hidden" value="index.html"&gt;
              &lt;input name="next_url" type="hidden" value="index.html"&gt;
              &lt;br&gt;
              &lt;input type="submit" value="Send"&gt;
              &lt;input type="reset" value="Clear"&gt;
          &lt;/form&gt;
      &lt;/center&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>