title: Position of the button is off on IE and FF
body: <p>How do I match the style (and also the position is off) of the button on </p>
  
  <p><a href="http://jsfiddle.net/nA4P9/21/" rel="nofollow noreferrer">http://jsfiddle.net/nA4P9/21/</a> </p>
  
  <p>using the compatible codes in CSS?</p>
  
  <p>See image attached from different browsers - <img src="https://i.stack.imgur.com/7xvlE.jpg" alt="IE">Chrome/IE/FF. <img src="https://i.stack.imgur.com/1ZOeC.jpg" alt="FF"> <img src="https://i.stack.imgur.com/dJ4u2.jpg" alt="Chrome"></p>
  
  <p>CSS - </p>
  
  <pre><code>.FindHome {background-color:#09F; width:300px; border:1px solid #09F; padding:10px 40px 10px 15px; border-radius:5px; display:block; margin-left:auto; margin-right:auto; background: #09F url('http://www.magnixsolutions.com/clients/tas/img/arrow.png') no-repeat; background-position:320px center; margin-bottom:35px; overflow: hidden; text-decoration:none; color:#ffffff;}
  .FindHome:hover {border:1px solid #4d4d4d; background: #4d4d4d url('http://www.magnixsolutions.com/clients/tas/img/arrow.png') no-repeat;  background-position:320px center;}
  .FindHome-div{display:inline-block;}
  </code></pre>
  
  <p>HTML - </p>
  
  <pre><code>&lt;div class="fluid FindHome-div"&gt;
      &lt;h1&gt;&lt;a href="http://www.ntreisinnovia.net/ntr/idx/index.php?key=b74b4ef49443e4ac6699324016bbaec5" class="FindHome" target="_blank"&gt;Find your home &lt;/a&gt;&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>