Re: Button Not At Same Height In Google Chrome

[CarraraWebsiteSolutions]

I use open cart for my website not sure best way to reset that.

/* button */
a.button, input.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding:4px 25px;
background: url(‘../image/button.png’) repeat-x;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}
input.product-button-cart {
cursor: pointer;
/*color: #FFFFFF;*/
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
/*font-weight: bold;*/
/*background: url(‘../image/button.png’) repeat-x;*/
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0 0 0 #EEEEEE;
-moz-box-shadow: 0 0 0 #EEEEEE;
box-shadow: 0 0 0 #EEEEEE;
/*added*/
background-image:linear-gradient(#57B81C, #498A16);
background-repeat:repeat-x !important;
/*border-color:#316B0D !important;
box-shadow:0 0 0 #EEEEEE !important;*/
color:#FFFFFF !important;
padding:11px 68px !important;
margin-left:-9px;
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
input.button {
margin: 0;
border: 0;
height: 24px;
padding: 4px 25px;
}
a.button:hover, input.button:hover {
background-position: 0px -24px;
}
.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 6px;
margin-bottom: 20px;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .right {
float: right;
text-align: right;
}
.buttons .center {
text-align: center;
margin-left: auto;
margin-right: auto;
}