Trying to fix IE6 Bug

My site, http://www.toddlersoccer.org has been written in PHP with external CSS support.

I have a couple of forms that have the following style:
form.quote div {
width: 350px;
text-align: right;
line-height: 2.2em;
valign: top;
}
form.quote h3 {
text-align: left;
}
form.quote div.date {
width: 388px;
}
form.quote input.std, textarea {
width: 200px;
}
form.quote textarea {
height: 70px;
}
form.quote select {
width: 204px;
}

This layout is perfect for FF but if a user is browsing in IE6 my site loads in another css - ie6.css that overwrites some parts of my site to give a similar layout to what I need.

My question is how do I fix the date fields on example:
http://www.toddlersoccer.org/packages/playgroups/

Thanks,

D.

First, this is invalid
valign: top;
though not part of the problem, still not needed.

I suggest you take a look at this tutorial. It shows the proper way to layout a form. Your use of divs in your form is excessive and not semantic at all.

http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html

Thanks for that Aero.

I have always used divs for form layout not realising I was not being semantic.

I will update my styles and forms accordingly.

Oh, and the valign: top is probably a remanant from another CSS I wrote somewhere...

Edit: Are fieldset and legend required for semantic forms?

D.