Transition doesn't work on FF - html

Question

I have the below simple HTML and CSS. It works in Chrome fine. but not FF. I mean the transition doesn't work on FF. I'm using FF 18. I searched the issue on Google and SO and find some hacks. But none of them works for my issue. Any idea please?
HTML:
<div class="image-list cf">
<figure>
<a href="javascript:return false;">
<img src="image-src-1"/>
</a>
<span>
File Name 1
</span>
<span>
10 Images
</span>
</figure>
<figure>
<a href="javascript:return false;">
<img src="image-src-1"/>
</a>
<span>
File Name 1
</span>
<span>
10 Images
</span>
</figure>
<-- and more -->
</div>
CSS:
/* images list
**********************************************************/
.image-list {}
.image-list figure {
float: right;
width: 180px;
border: 1px solid;
border-color: #aaa;
border-radius: 0;
box-shadow:
1px 0 0 #fff,
0 1px 0 #fff,
-1px 0 0 #fff,
0 -1px 0 #fff,
0 0 2px #000;
margin-right: 29px;
text-align: center;
padding: 10px 0;
background-color: #fff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.image-list figure:hover{
border-color: #666;
box-shadow:
1px 0 0 #fff,
0 1px 0 #fff,
-1px 0 0 #fff,
0 -1px 0 #fff,
0 0 10px #000;
}
[class="image-list"] figure:hover {
border-color: #666;
box-shadow:
1px 0 0 #fff,
0 1px 0 #fff,
-1px 0 0 #fff,
0 -1px 0 #fff,
0 0 10px #000;
}
.image-list figure a {}
.image-list figure a img {}
.image-list figure span {
display: block;
padding: 5px 0;
width: 160px;
margin: 0 auto;
overflow: hidden;
height: 1em;
}
.image-list figure span a {}

Answer 1

may be you are using older version of browser that dones not support transition functinality. see below link for transition support chart at end of page
https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_transitions
here is some code wih support comments
-webkit-transition: all .3s linear; // webkit browsers like chrome, safari support code
-moz-transition: all .3s linear; // mozilla support code
-o-transition: all .3s linear; // opera support code
transition: all .3s linear; // css3 code