Tỷ lệ chuyển đổi CSS3 của các kết quả div trong các phần tử con nhảy trong Firefox

Question

Tôi đang cố gắng mở rộng một phần tử trong CSS3. Phần tử này có các phần tử con nhảy xung quanh khi hoạt ảnh được thực hiện. Điều này dường như chỉ xảy ra trong Firefox. Tôi đã cố gắng rất nhiều sửa chữa được tìm thấy ở đây trên SO, nhưng không ai trong số họ dường như làm công việc.

thiết lập HTML của tôi:

<div> 
<ul> 
    <li class="appcenter-menu-item focus"> 
    <a href="#/sp"> 
     <div class="icon"></div> 
     <label>First item</label> 
    </a> 
    </li> 
    <li class="appcenter-menu-item focus"> 
    <a href="#/pep"> 
     <div class="icon"></div> 
     <label>Second item</label> 
    </a> 
    </li> 
    <li class="appcenter-menu-item focus"> 
     <a href="#/hp"> 
     <div class="icon"></div> 
     <label>Third Item</label> 
     </a> 
    </li> 
</ul> 
</div> 

Việc chuyển đổi trên di chuột:

.focus { 
    -webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out; 
    -ms-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out; 
} 
.focus:hover { 
    -webkit-transform: translate3d(0,0,0); 
    -moz-transform: translate3d(0,0,0); 
    -o-transform: translate3d(0,0,0); 
    -ms-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
    transform: scale(1.1); 
} 

tôi đã tạo ra một jsfiddle trong đó cho thấy các thiết lập hoàn chỉnh:

http://jsfiddle.net/kwhq2z4t/3/

Cập nhật

Tôi đang sử dụng phiên bản FireFox 32.0.1, trên Windows 7 x64.

Answer 1

Điều duy nhất tôi đã quản lý để tìm để sửa chữa những thứ như thế này là:

-webkit-backface-visibility: hidden; 
-moz-backface-visibility: hidden; 
-ms-backface-visibility:  hidden; 
backface-visibility:   hidden; 

Nó dường như không giúp đỡ với văn bản trong Firefox và Safari trong mở rộng quy mô, mặc dù văn bản tăng vọt là trình duyệt hiển thị kích thước.

Answer 2

Chỉ gặp lỗi này "nhảy sau khi chuyển đổi xong" trong firefox.

Sau khi thực hiện một số thao tác, thêm -moz-transform-style: preserve-3d; vào vùng chứa chính của phần tử hoạt ảnh - thêm nó vào trạng thái ban đầu (trạng thái không được chấp nhận trước khi chuyển đổi xảy ra - để chỉ là lớp .focus) .