label in css form doesnt display right in ie

http://www.csulb.edu/~sgaknera/cecs200/phase2/contact.html
http://www.csulb.edu/~sgaknera/cecs200/phase2/css/mainstylesheet.css

as you can see in ie5/6/7/8 the state field doesnt display inline with others. anyone help me? thanks

got my code from:
http://realworldstyle.com/forms.html

You are using an extra(?) floated span with every input element. Have a look at http://www.alistapart.com/articles/prettyaccessibleforms .

yes but i have a time frame to get this done is there a simple fix for this? or maybe code to fix it better?

What about just removing the floats on the 3 spans... they should just stay inline...

Oh, and give the spans widths to keep the layout...

What about just removing the floats on the 3 spans... they should just stay inline...
Oh, and give the spans widths to keep the layout...
Not possible! <span> is an inline element and thus we can't apply a width/height to it. (though, when we apply a float, it'll behave like block element)

Not possible! <span> is an inline element and thus we can't apply a width/height to it. (though, when we apply a float, it'll behave like block element)

any other ideas?

Applying a border (say border:1px solid red; ) to your span.formw reveals(in FF) that the width is not enough to occupy the input elements. With that said, have a try by
div.row span.formw
{
float: left;
width: 200px;
text-align: left;
margin-left: 15px;
//border:1px solid red;
}

Applying a border (say border:1px solid red; ) to your span.formw reveals(in FF) that the width is not enough to occupy the input elements. With that said, have a try by
div.row span.formw
{
float: left;
width: 200px;
text-align: left;
margin-left: 15px;
//border:1px solid red;
}

while this looks good it didnt fix the issue
any other ideas?

while this looks good it didnt fix the issueWhat you mean?

Why not give your select a margin-left?

Why not give your select a margin-left?
didnt think aobut that ill let u guys know thanks for help