title: HTML5 placing image where i want it on screen
body: <p>I have a little start screen running and i want the image, which is acting as a button, to placed at a certain point, but when i try to it stays in the same place, and i don't know how i can get it to stay in the place i want it. Here is my code, its is HTML with some css:</p>
  
  <pre><code>&lt;style&gt;
      #SplashScreen{
          position:relative;
          overflow:hidden;
      }
  
      #StartButton
      {
          cursor:pointer;
          position:absoloute;
          left:100px;
          top:100px;
      }
  &lt;/style&gt;
  &lt;div id="SplashScreen" width="400" height="400"&gt;
      &lt;h1&gt;Game Title&lt;/h1&gt;
      &lt;img id="StartButton" src="play.png"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The image just draws underneath the title and not where i want it. Any help?</p>