Internet explorer duplicating

Question

bradly.spicer 47 Posting Whiz in Training

11 Years Ago

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;

    }

web-design

Edited 11 Years Ago by bradly.spicer

2 Contributors
2 Replies
110 Views
18 Minutes Discussion Span
Latest Post 11 Years Ago Latest Post by bradly.spicer

All 2 Replies

pritaeas 2,194 ¯\_(ツ)_/¯

11 Years Ago

You have two div's called submit_input.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

bradly.spicer 47 Posting Whiz in Training · Answer 1 · 2013-01-18T11:59:31+00:00

bradly.spicer 47 Posting Whiz in Training

11 Years Ago

Ohh I see now! Thanks!

Internet explorer duplicating

Recommended Answers Collapse Answers

All 2 Replies

Recommended Answers