title: Button does not work properly
body: <ol>
  <li><p>I'm using button with <code>position:fixed</code>. If I hover mouse, it changes as a hand symbol when after scrolled it does not hover.</p></li>
  <li><p>Before scrolling hover works at center of the button not at edges.</p>
  
  <pre><code>&lt;form action="response.php"&gt;
      &lt;button style=" position:fixed;" &gt;Get Your Result &lt;/button&gt;
  &lt;/form&gt;
  </code></pre></li>
  </ol>
  
  <p>default position i bring mouse into center of button it works<br>
  <img src="https://i.stack.imgur.com/7pG9s.png" alt="enter image description here"></p>
  
  <p>same default position hover is not working even mouse cursor on button<img src="https://i.stack.imgur.com/WbbOH.png" alt="enter image description here"></p>
  
  <p>finally i scrolled after hover entirely gets disabled</p>
  
  <p><img src="https://i.stack.imgur.com/48MF0.png" alt="enter image description here"> </p>