html – 悬停在按钮上不适用于Firefox

我编写了一些按钮,这些按钮在悬停时会增加大小.
它在Chrome上完美运行,但在Firefox上却没有做任何事情.

出了什么问题？

.P1 {
  background-color: transparent;
  border: 0;
  background-repeat: no-repeat;
  width: 80px;
  height: 110px;
}
.roundB {
  height: 60%;
  width: 80%;
}
.roundB:hover {
  border: 2px solid black;
  border-radius: 50%;
  height: 100%;
  width: 115%;
}