css - 联系表 : struggling with send button width. 谁能帮我？

Question

我正在处理一个联系表单，但我很难确定发送按钮的宽度。我希望它与整个表单具有相同的宽度，但它不起作用。

我错过了什么？

直播:http://baskra.com/teste/teste.html

CSS:

#contact-area {
    width:  100%;
}

#contact-area input, #contact-area textarea {
    padding-left:33px;
    padding-right:33px;
    padding-top:25px;
    padding-bottom:25px;
    width: 420px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    margin: -2px;
    border: 3px solid #FFF;
    background:transparent;
    color:#FFF;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #FFF;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #FFF;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #FFF;
    opacity: 1;
}

#contact-area textarea {
    height: 180px;
}

#contact-area textarea:focus, #contact-area input:focus {
    border: 3px solid #FFF;
}

#contact-area input.submit-button {
    width: 420px;
    float: left;
}

Answer 1

将按钮宽度更改为 88%

http://baskra.com/teste/style.css行:497

area input.submit-button {
width: 88%;
float: left;
background: url("http://www.baskra.com/images/form-button-bg.png");
background-repeat: repeat;
color: #000;
}