Hey,
I have a form on this website: http://we-remortgage.co.uk/sitewp/
When I look at the get quote button it has duplicated itself. I can't see the reasoning behind this and was wondering if you guys could help.
This happens only in IE
Form Stylesheet:
/* Generic Form CSS */
.formFeatureBox {
background-repeat: no-repeat;
background-position: left bottom;
min-height:148px;
}
.formFeatures {
width:227px;
background-repeat: no-repeat;
padding:10px;
color:#FFFFFF;
padding-bottom:36px;
}
/* ie6 3pixel bug */ *html .formFeatures {margin-left:-3px}
.formFeatures li {
margin-left:10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
padding-top:3px;
padding-bottom:3px;
}
.formBox {
border: 0px solid;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 6px;
margin-bottom: 5px;
margin-top: -10px;
margin-left: -15px;
width: 273px;
}
.end_comments {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 20px;
float: left;
width: 570px;
height: auto;
margin-top: 5px;
background-color: #FFF;
font-weight: bold;
}
#form_container {
padding:0px;
background-color:#f7f7f7;
border: 1px solid;
float: left;
width: 410px;
overflow: hidden;
margin: 0px;
}
h5 {
font-size: 14px;
font-weight: normal;
color: #000;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
}
h5.firstFormHeading {
display: block;
padding: 5px;
background-color: #00A9D0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
text-decoration: none;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
h5.secondFormHeading {
display: block;
padding: 5px;
background-color: #00A9D0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
text-decoration: none;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
h5.thirdFormHeading {
display: block;
padding: 5px;
background-color: #00A9D0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
text-decoration: none;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
h5.fourthFormHeading {
display: block;
padding: 5px;
background-color: #00A9D0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
text-decoration: none;
font-size: 14px;
line-height: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
.textField {
width:145px;
margin-left: 0px;
border-radius:5px !important;
-webkit-border-radius: 5px;
}
.selectField {
width:232px;
}
.textArea {
width:530px;
}
#names {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: left;
height: 332px;
width: 200px;
}
#name_fields {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: left;
height: auto;
width: 180px;
padding: 2px;
}
#mortgage_needs {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
height: 225px;
width: 200px;
float: left;
}
#mortgage_container {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
height: 200px;
width: 400px;
margin: 0px;
padding: 0px;
float: left;
}
#mortgage_needs_fields {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
height: 225px;
width: 200px;
float: left;
}
#message {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: left;
height: auto;
width: 400px;
}
#questions_txt_box {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
height: auto;
width: 400px;
float: left;
padding-top: 2px;
padding-bottom: 2px;
}
#products {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: left;
height: auto;
width: 200px;
}
#product_fields {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: left;
height: auto;
width: 200px;
}
#form_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
height: auto;
width: 400px;
padding: 5px;
background-color: #06F;
font-weight: bold;
color: #FFF;
float: left;
}
#form_header_2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
height: auto;
width: 400px;
padding: 5px;
font-weight: bold;
color: #FFF;
background-color: #06F;
float: left;
}
#form_header_3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
height: auto;
width: 400px;
padding: 5px;
font-weight: bold;
color: #FFF;
background-color: #06F;
float: left;
}
#code_title {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
height: auto;
width: 400px;
padding: 5px;
color: #000;
float: left;
}
#refresh_title {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
height: auto;
width: 400px;
padding: 5px;
color: #000;
float: left;
}
#imgcaptcha_title {
height: auto;
width: 400px;
padding: 5px;
float: left;
}
#code_input {
height: auto;
width: 400px;
padding: 5px;
float: left;
}
a:hover {
color: #3399FF;
text-decoration: none;
}
input {
border: 1px solid #000;
color: #000;
text-decoration: none;
border-radius: 5px !important;
}
#input_submit {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: left;
height: auto;
width: 100px;
border: 1px solid #000;
}
#submit_input {
height: 65px;
width: 228px;
padding: 2px;
background: transparent url('../../image/button.png') no-repeat;
margin-left: 15px;
}
#reset_input {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: left;
width: auto;
padding: 2px;
}
.return_to_top {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: right;
height: auto;
width: 105px;
padding: 2px;
}
.return_to_top_bottom {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
text-decoration: none;
float: right;
height: auto;
width: 100px;
padding: 2px;
z-index: 10;
color: #000;
}
span.second_form_text {
float: left;
height: auto;
width: 400px;
z-index: 10;
padding: 5px;
display: block;
}
#second_applicant_form {
float: left;
height: auto;
width: 595px;
z-index: 10;
padding: 2px;
}
#second_applicant_form a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
float: right;
height: auto;
width: auto;
padding: 20px;
z-index: 10;
color: #FFF;
background-image: url(../../image/secondbut.png);
background-repeat: no-repeat;
background-position: center center;
}
input#spacer {
border: 1px solid #FFF;
}
input#spacer2 {
border: none;
}
input#submit {
border: none;
}
input#text {
background-image: url(file:///E|/work/we-remortgage.co.uk/we-remortgage.co.uk%20v2/images/qf_input_big_bg.png);
background-repeat: no-repeat;
width: 178px;
height: 26px;
padding-left: 6px;
padding-right: 6px;
}
input#day {
background-image: url(file:///E|/work/we-remortgage.co.uk/we-remortgage.co.uk%20v2/images/qf_input_day_bg.png);
background-repeat: no-repeat;
width: 42px;
height: 26px;
padding-left: 6px;
padding-right: 6px;
}
input#month {
background-image: url(file:///E|/work/we-remortgage.co.uk/we-remortgage.co.uk%20v2/images/qf_input_month_bg.png);
background-repeat: no-repeat;
width: 42px;
height: 26px;
padding-left: 6px;
padding-right: 6px;
}
input#year {
background-image: url(file:///E|/work/we-remortgage.co.uk/we-remortgage.co.uk%20v2/images/qf_input_year_bg.png);
background-repeat: no-repeat;
width: 53px;
height: 26px;
padding-left: 6px;
padding-right: 6px;
}
