Hi

This form looks fine on almost all browser - yet it appears that the name field and text field are not lining up correctly. Anyone know why? Help greatly appreciated in this one - I thought I fixed it but still no joy.


<style type="text/css">
#internships-form {
clear: both;
}
input.txt, textarea, select {
background-color: #ffffff;
border: 1px solid #003366;
padding: 4px;
}
input.btn {
padding: 2px 6px;
font-weight: bold;
color: #000000;
background-color: #ffffff;
border: 1px solid #003366;
}
label, dl dt {
color: #003366;
font-weight: bold;
}
#internships-form textarea {
width: 300px;
}
#internships-form p {
margin: 0.75em 0 0 0;
clear: both;
}
#internships-form p label {
display: block;
float: left;
width: 150px;
}
#internships-form p input.txt {
width: 330px;
}
textarea#message {
width: 330px;
height: 150px;
}

/* Name Block */
dl.name-block {
padding: 0;
margin: 0;
}
dl.name-block dt {
float: left;
width: 150px;
padding: 0;
margin: 0;
font-weight: bold;
}
dl.name-block dd {
padding: 0;
margin: 0 0 0 150px;
}
* html dl.name-block dd {
padding: 0 0 0 153px;
margin: 0;
}
dl.name-block dd input.txt {
display: block;
width: 10em;
}
dl.name-block dd label {
display: block;
color: #003366;
font-size: 0.75em;
font-weight: normal;
}
dl.name-block dd label.first {
float: left;
width: 18em;
}
dl.name-block dd label.last {
margin-left: 18em;
}
* html dl.name-block dd label.last {
margin: 0;
}
</style>


<div id="internships-form">
<FORM action="http://members.freewebs.com/formMail.jsp" method="post">
<input type="hidden" name="userid" value="???????">
<input type="hidden" name="next" value="http://www.??????/contact.html">


<dl class="name-block">
<dt>Name
<dd>
<label for="first" class="first"><input class="txt" type="text" name="first" id="first" /><font size="2">First</font></label>
<label for="last" class="last"><input class="txt" type="text" name="last" id="last" /><font size="2">Last</font></label>

</dl>
<p><label for="work_phone">Contact Phone</label> <input class="txt" type="text" name="contact_phone" id="work_phone" />
<p><label for="contact_email">Contact E-Mail</label> <input class="txt" type="text" name="contact_email" id="contact_email" />
<p><label for="message">Enquiry</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
<p><label>&nbsp;</label> <input class="btn" type="submit" name="submitted" value="Submit" />



<br>
<a href="subjects.html">Previous</a><BR><a href="links.html">Next</a><BR>
</form></div></div></div>

Your order's off, and you haven't closed your tags properly.

Try this:

<p>
  <input type="text" name="first" id="first" value="" size="30" tabindex="1" />
  <label for="first">First Name (required)</label>
  </p>