I am simply trying to place a 16×16 calendar icon to the right of the text box. On a simple page, it was working fine, but I recently started applying a template that I purchased and now the image is showing up below the text box and stretching the length of the div. Here is the code:
.contact-form {
position: relative;
vertical-align: top;
z-index: 1;
margin: 0;
top: -10px;
}
.contact-form .txt-form {
display: none;
}
.contact-form .coll-1, .contact-form .coll-2, .contact-form .coll-3 {
margin-bottom: 23px;
float: left;
width: 200px;
}
.contact-form .coll-1 p, .contact-form .coll-2 p, .contact-form .coll-3 p {
margin-bottom: 3px;
}
.contact-form .coll-1, .contact-form .coll-2 {
margin-right: 10px;
}
.contact-form fieldset {
top: 9px;
border: none;
padding: 0;
width: 100%;
position: relative;
z-index: 10;
}
.contact-form label {
display: block;
min-height: 45px;
position: relative;
margin: 0;
padding: 0;
float: left;
width: 100%;
}