title: How to prevent HTML elements from being pushed down the page
body: <p>In the following HTML, the text input and the buttons are supposed to be positioned 380px from the top but it's further down the page. I noticed if I remove the image it's positioned in the right place or closer to it, I haven't pulled out a ruler yet. Why is this happening and how do I fix it?</p>
  
  <pre><code>&lt;div style="position:relative;width:800px;height:792px;font-family:Arial;font-size:12px;margin:0 auto;left:8px;top:14px;background-color:#FFFFFF;"&gt;
      &lt;img name="Image712" src="https://www.google.com/images/srpr/logo4w.png" style="position:relative;display:block;margin:0 auto;top:217px;width:269px;height:95px;" /&gt;
      &lt;div name="HGroup714" style="position:relative;display:block;margin:0 auto;top:380px;width:220px;height:23px;"&gt;
          &lt;div style="display:inline-block;padding-right:2px"&gt;
              &lt;input name="Button715" type="button" style="position:relative;vertical-align:middle;width:101px;height:21px;font-family:Arial;font-size:12px;" class="buttonSkin" value="Google Search" /&gt;
          &lt;/div&gt;
          &lt;div style="display:inline-block;"&gt;
              &lt;input name="Button718" type="button" style="position:relative;vertical-align:middle;width:113px;height:21px;font-family:Arial;font-size:12px;" class="buttonSkin" value="I'm Feeling Lucky" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;input name="TextInput721" type="input" style="position:relative;display:block;margin:0 auto;top:330px;width:50%;height:22px;font-family:Arial;font-size:12px;padding:0;border:1px solid #696969;" /&gt;
  &lt;/div&gt;
  
  
  &lt;style&gt;
      *,
      *: before, *: after {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
      }
  &lt;/style&gt;
  
  &lt;style&gt;
      *,
      *: before, *: after {
          outline: 1px dotted red;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>UPDATE: I know it's inline CSS. Please ignore that for now. </p>
  
  <p>Link to live <a href="http://jsfiddle.net/hxS9E/" rel="nofollow">example</a> (thanks Mr Alien). </p>