Form Help

[comptech520]

On this form: http://www.djentertainmentsolutions.com/contact3.php

How can I make the State & Zip on the same line as city?

I changed the form width from 360 (it was working properly) to 475 and then I noticed the difference.

How can I fix that?

Thanks

[comptech520]

Any ideas on this?

THe CSS For this is:


/* basic styles */
* {
margin: 0;
padding: 0;
}
/* form styles */
form {
width: 470px;
text-align: left;
border:solid 1px;
padding-left:10px;
}
fieldset {
margin: 0;
border: 0;
padding: 0;
}
legend {
display: none;
}
form h3 {
clear: both;
padding: 5px 0px 10px 0px;
font-size: 14px;
}
form label {
display: block;
width: 310px;
font-size: 12px;
line-height: 14px;
padding: 0px 0px 12px 0px;
font-weight:bold;
}
form input {
display: block;
margin-top: 3px;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
}
form select {
float: left;
display: block;
}
form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
clear: left;
}

form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
float: left;
margin: 0px 10px 0px 0px;
width: 200px;
}
form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
float: left;
width: 200px;
padding: 0px;
}
form label.field-state {
float: left;
margin-right: 10px;
width: 60px;
}
form label.field-state select {
width: 60px;
float: left;
margin-top: 3px;
}
form label.field-zip {
float: left;
width: 80px;
}
form label.field-zip input {
float: left;
width: 80px;
}
form label.field-address {
float: left;
width: 310px;
margin: 0px 0px 0px 0px;
}
form label.field-address input {
float: left;
width: 310px;
padding: 0px;
}
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
clear: left;
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
}
form label.radioitem {
clear: none;
margin: 0px 0px 0px 25px;
padding: 0px 0px 15px 0px;
}
textarea {
display: block;
}
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
clear: both;
float: left;
padding: 0px;
margin: 0px;
}
form label.field-checkbox {
clear: none;
margin: 0px 0px 0px 25px;
padding: 0px 0px 15px 0px;
}
form textarea {
margin-top: 3px;
font:inherit;
}
#form_table .alternate {
color:#000;
background:#efefef;
}
.asterisk {
color:#f00;
background:transparent;
}
.form {
color:Navy;
background-color:#EEEEEE;
font-weight:bold;
padding-Right:2px;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
}
.focused {
color:#000000;
font-weight:bold;
background-color:#FFFF99;
font-weight:bold;
padding-Right:2px;
}
.blured {
color:#CC0000;
font-weight:bold;
background-color:#FFFFFF;
padding-Right:2px;
}
/*.buttonstyle {
background:#FFFFFF;
color:#000000;
font-size:8pt;
border-width:1px;
border-style:solid;
}*/
.captcha {
background-color:#FFCC99;
font-size:20px;
text-align:center;
font-weight:bolder;
}

[Fang]

They are in Fx, but not in IE. Validate (http://validator.w3.org/)the document.