title: How can I get this element to clear the image so it sits in middle off the page on top of the background
body: <p>Hi I basically have this text block, which sits inside a Div that displays a confirmation. I want it to be in the middle of the page on top of the image instead of it being at the bottom. How can I do this?</p>
  
  <p>This is my code, I want process to be in the middle of the page on top of the image</p>
  
  <pre><code>&lt;DOCTYPE! html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="uft-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1""&gt;
      &lt;meta name= "viewport" content="width=device-width, initial-scale=1.0"&gt; 
      &lt;link href="style/styles.css" type="text/css" rel="stylesheet"&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  
          &lt;h2 id="siteTitle"&gt;Westend&lt;/h2&gt;
          &lt;nav&gt;
              &lt;ul class="main_menu"&gt;
                  &lt;li&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="booking.php" &gt;Booking&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
  
  &lt;div&gt;&lt;img src="images/curtains.jpg" id="open"/&gt; 
  &lt;div id="process"&gt;
  &lt;/br&gt;Hi &lt;?php echo "'".$_SESSION['name']."'"; ?&gt;&lt;/br&gt;
  Your tickets have been booked for &lt;?php echo "'".$_SESSION['production']."'";?&gt;  
  &lt;/br&gt;Playing on &lt;?php echo "'".$_SESSION['date']."'";?&gt; at &lt;?php echo "'".$_SESSION['time']."'";?&gt; &lt;/br&gt;
  You are in &lt;?php echo $_POST["zone"];?&gt; in row &lt;?php echo $_POST["row"];?&gt;&lt;/br&gt;
  The total cost is £&lt;?php echo $_POST["quotation"];?&gt;&lt;/br&gt;
  Confirmation of your booking has been sent to: &lt;?php echo "'".$_SESSION['email']."'"; ?&gt;&lt;/br&gt;
  &lt;/br&gt;
  Enjoy the show!
  &lt;/br&gt;
  &lt;/div&gt;
  
  
  
  
      &lt;footer id="pageBottom"&gt;
  
          &lt;p&gt;&amp;copy Westend 2015&lt;/p&gt;
      &lt;/footer&gt;
  
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my CSS</p>
  
  <pre><code>#process {
      text-align: center;
      font-family: San-Serif;
      font-size: 20px;
      text-shadow: 1px 1px 0 #1a1a1a;
      background-color: #802000;
      width: 450px;
      height: 270px;
      margin-top: 25px;
      margin-bottom: 10px;
      margin-left: 750px;
      border: 1px solid white;
      padding-bottom:2px;
      box-shadow: 3px 4px 5px grey;
      clear: inherit;
  }
  </code></pre>