No replies
solrman
solrman's picture
Offline
newbie
Texas
Last seen: 5 years 49 weeks ago
Texas
Timezone: GMT-5
Joined: 2013-08-11
Posts: 1
Points: 2

Help! I am trying to get my form code lined up on a graphic using CSS and I almost have it perfected but cannot figure out what the remaining issues is. I would appreciate any solution. The form is at the following address and it looks good in firefox but doesn;t line up in IE (any version) I am pulling my hair out trying to figure it out. Help? address is: http://contactmanagersuccess.com/formfillingscript/newform.html

look at it in firefox and then look at it in IE

Here is the code

First Name

#sidebar {
background: url('http://universaldebtrelief.com/wordpress/images/sidebar2.png') no-repeat left top;
float: right;
margin-top: 0;
padding-right: 11px;
height: 718px;
width: 310px
}

#sidebar-content {
padding: 177px 38px 0 38px;
}

#sidebar form {
padding: 0 8px 10px;
width: 100%;
}

#sidebar form ol {
overflow: hidden;
margin:0;
padding:0;
}

#sidebar form li.with-select {
padding-bottom: 0;
}

#sidebar form li {
clear: both;
float: left;
overflow: hidden;
padding-bottom: 15px;
width: 100%;
}

#sidebar form label {
color: #fff;
display: block;
font: 12px Arial;
padding-bottom: 2px;
}

#sidebar form input {
background: none;
height: 22px;
padding: 2px 5px 1px;
width: 208px;
}

#sidebar form input,
#sidebar form select {
outline: none;
border: none;
font: 12px/18px Arial;
}

#sidebar form .state-wrap {
height: 45px;
padding-left:2px; padding-right:0; padding-top:1px; padding-bottom:0
}

#sidebar form select {
padding: 3px 5px 4px;
height: 24px;
width: 215px;
}

#sidebar form input.txt-phone-code,
#sidebar form input.txt-phone-1st-part {
width: 56px;
}

#sidebar form input.txt-phone-code,
#sidebar form input.txt-phone-1st-part,
#sidebar form input.txt-phone-2st-part {
clear: none;
margin-right: 15px;
margin-left: 5px;
float: left;
text-align: center;
}

#sidebar form input.txt-phone-2st-part {
width: 55px;
margin-right: 0;
}

#sidebar .btn {
padding-top: 8px;
}

#sidebar .btn a {
display: block;
text-indent: -9999px;
width: 218px;
height: 45px;
}

.sidebar-logos {
padding-top: 22px;
text-align: center;
}

.sidebar-logos li {
display: inline;
padding: 0 9px;
}

#txt-first-name {
margin-bottom: 4px;
}

#phone {
margin-top: 3px;
}

#email {
margin-bottom: 2px;
}

input[type="submit"] {

opacity: 0;
cursor: hand;
margin: 10px 0 0 5px;

}

  • Last Name
  • Phone
  • Email
  • State

    Alabama
    Alaska
    Arizona
    Arkansas
    California
    Colorado

    Connecticut
    Delaware
    District of Columbia
    Florida
    Georgia
    Hawaii

    Idaho
    Illinois
    Indiana
    Iowa
    Kansas
    Louisiana

    Kentucky
    Maine
    Maryland
    Massachusetts
    Michigan
    Minnesota

    Mississippi
    Missouri
    Montana
    Nebraska
    Nevada
    New Hampshire

    New Jersey
    New Mexico
    New York
    North Carolina
    North Dakota
    Ohio

    Oklahoma
    Oregon
    Pennsylvania
    Rhode Island
    South Carolina
    South Dakota

    Tennessee
    Texas
    Utah
    Vermont
    Virginia
    Washington

    West Virginia
    Wisconsin
    Wyoming