Jquery - firefox弹跳bug

Question

我的问题是，以下代码适用于Chrome但不适用于FF。在FF中，当<.txt>弹跳时，<.cnt>元素会低于a元素。

当元素弹跳时，看起来像float被忽略了。

我该如何解决这个问题？

我的HTML

<li class='tag_glass'>
     <a>
        <p class='cnt'>999+</p>
        <p class='txt'>some txt in here</p>
     </a>
</li>

我的JS：

$('li a').mouseenter(function(){

    $(this).effect( "bounce",{times:3,distance:10},1000 );

});

我的CSS：

li a{
  display:inline-block;
}

.txt{
    float:left;
 }
.cnt{
  font-size:9px;
  float:left;
}