Se ve mal en chrome

[Pcfan]

Amigos tengo un class que se ve mal en chrome. Si esque me pueden ayudar.

Estos son los class que se ven mal:

Código CSS:

.d3cmsFooter {
    background-image: -moz-linear-gradient(center top , #FFFFFF, #F9FCFD 13%, #F3F6F8 20%, #EBEFF1 50%, #E2E5E7 70%, #D9DCDF 88%, #D2D5D8);
    background: -webkit-linear-gradient(center top , #FFFFFF, #F9FCFD 13%, #F3F6F8 20%, #EBEFF1 50%, #E2E5E7 70%, #D9DCDF 88%, #D2D5D8);
    border-bottom: 1px solid #B6B9BA;
    overflow: hidden;
    padding: 10px;
    margin-top: 30px;
}
 

Código CSS:

#regbutton {
    -moz-transition-delay: 500ms;
    -moz-transition-duration: 500ms;
    -moz-transition-property: opacity;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.4) 0%, #3893ED 1%, #114EA0 100%);
    background-image: -webkit-linear-gradient(center top , rgba(255, 255, 255, 0.4) 0%, #3893ED 1%, #114EA0 100%);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 50px;
    opacity: 0;
    padding: 0 50px 0 15px;
    position: relative;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    top: 40px;
    z-index: 2;
}
 

Pero en firefoz se ve bien... Saludos