联系表格：努力发送按钮宽度。谁能帮我？

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;
}