title: Webkit Validation Bubble behaves like it has fixed position on Chrome
body: <p>I have a form, where the first input is required:</p>
  
  <pre><code>&lt;form&gt;
      &lt;input type="text" required&gt;
      &lt;input type="submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Users must scroll to get to the submit button:</p>
  
  <pre><code>input[type="submit"] {
      margin-top: 150%;
  }
  </code></pre>
  
  <p>If I submit the form, without filling in the required field, then the viewport will scroll to the top, and I see the html5 validation bubble.</p>
  
  <p>If I scroll back down again to where the the submit button is, then the validation bubble remains fixed in place. I'd expect it to disappear or move upwards with the field it's attached to.</p>
  
  <p>This <a href="http://jsfiddle.net/LSF5h/" rel="nofollow">jsFiddle</a> shows what I'm talking about. </p>
  
  <p>What's going on here? Anyone seen this before? I'm seeing it on latest versions of Chrome and Chromium. It doesn't happen on FF because the bubble disappears as soon as you interact with the page.</p>