i have two problems with my contact form

1. submit button wont work
2. text field shows ok in crome but in all other browsers text is too much to the right

html in contact for i use:

css i use:

wrapper {

  width: 250px;
  position: relative;
  margin-top: 30px;

margin-left: 5px; } .content { margin-top: 10px; margin-left: -25px; } .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 13px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 2px 2px 10px #888888; } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .orange { color: #000; text-transform: uppercase; border: solid 1px #fff; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#ffca00), to(#ff9c00)); background: -moz-linear-gradient(top, #ffca00, #ff9c00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca00', endColorstr='#ff9c00'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }

upper {

  position: absolute;
  left: 44%;
  margin: -15px 0 0 -25%;

}

lower {

  position: absolute;
  left: 55%;
  margin: -40px 0 0 -25%;

} .bggradient { width: 203px; min-height: 400px; padding: 20px; background: #ffffff; /* Old browsers / background: -moz-linear-gradient(top, #ffffff 0%, #cde1eb 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cde1eb)); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, #ffffff 0%,#cde1eb 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, #ffffff 0%,#cde1eb 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, #ffffff 0%,#cde1eb 100%); / IE10+ / background: linear-gradient(to bottom, #ffffff 0%,#cde1eb 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cde1eb',GradientType=0 ); / IE6-9 / -moz-border-radius : 8px; / Firefox / -webkit-border-radius : 8px; / Safari & Chrome / -khtml-border-radius : 8px; / Linux browsers / border-radius : 5px; / CSS3 compatible browsers / -moz-box-shadow : 4px 4px 5px #c4cbd0; / Firefox 3.5+ / -webkit-box-shadow : 4px 4px 5px #c4cbd0; / Safari 3+ & Chrome / box-shadow : 4px 4px 5px #c4cbd0; / CSS3 compatible browsers / filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c4cbd0'); / IE 5.5 - 7 / -ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c4cbd0')"; / IE 8 */ border: 1px solid #c4cbd0; }

Mabe there is someone who can find out the solution Thanks!