title: Differences in padding alignments in Firefox vs others
body: <p>Please check the below fiddle :</p>
  
  <p><a href="https://jsfiddle.net/a13nd32u/3/" rel="nofollow">https://jsfiddle.net/a13nd32u/3/</a></p>
  
  <pre><code> #post_part{display:inline;padding:6px 9px;float:right;font-size:15px}
   select{width:80px;height:21px;padding-right:10px;display:inline} 
   #button1{display:inline;padding-left:10px}
   #post_button{height:24px;width:70px;font-size:14px;-webkit-appearance:     none;}
  </code></pre>
  
  <p>the post button is getting outside the box however in other browsers Its appearing perfectly fine. Can someone please help</p>