Html 如何在mozilla上使用带有链接的transition

我有这个代码，它应该缩放链接时，鼠标在它上面

HTML

<a class='subj' href='#'>English 2</a> </br>

---

当标签为

时，此代码在chrome和mozilla上都能正常工作，但当标签为

时，它在mozilla上不工作，但在chrome上工作

将

.subj

显示

属性设置为

内联块

.subject{
文字装饰：无；
过渡：0.5s缓进缓出；
-webkit过渡：0.5s易入易出；
-moz转换：0.5s易入易出；
显示：内联块；
}

    .subj{
    text-decoration:none;
    transition: 0.5s ease-in-out ;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
}
.subj:hover { 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2); 
}