css - Check boxes... IE and Firefox -

so, i've taken on internal project , previous build had issues regarding styling of check boxes. have fixed issue in chrome fine installed browser here when goes live modules available customers things sticky. code using style check boxes in chrome:

input[type=checkbox] {   border-radius: 2px;   cursor: pointer;   margin-top: 1px;   border: 1px solid #gray;   background-color: white;   color: white;   white-space: nowrap;   overflow: hidden;   width: 20px;   height: 20px; } input[type=checkbox]:checked {   background-color: #3fae2a;   border: 1px solid #3fae2a; } input[type=checkbox] :hover {   border: 1px solid #3fae2a;   -moz-transition: border-color 0.1s ease-out;   -o-transition: border-color 0.1s ease-out;   -webkit-transition: border-color 0.1s ease-out;   transition: border-color 0.1s ease-out; } 

now works in sense check boxes functional across browsers styled in chrome, there way me use css work across ie , firefox? if not, should looking?