html - CSS の外観はブラウザーの変更に応じて変化します

Question

私のボタンのCSSは次のとおりです。

.custom-input-button {
  text-align: center;
  position: absolute;
  left: 64.4%;
  top: 12.3%;
}

とレート ボックス:

.rating-input {
  font-size: 25px;
  float: right;
  position: relative;
  left: 35%;
}

しかし、Firefox と Chrome では、ボット ボタンと評価オプションがさまざまな位置に表示されます。

Firefox のバージョン変更位置が影響を受けるほど。私の Firefox 23.0 では問題ないように見えますが、友人の PC では FF バージョンが異なり、ボタンの位置と [Rate me] オプションが変わります。