Dynamic Form Elements Css Prob
Hi,
I recently built a site in Drupal.
It looks fine in firefox, but an add to cart form looks terrible in IE6 & 7
I can’t edit the individual code for the form, as its all dynamically called in. Therefore I styled it using the following CSS:
.form-select{
float:left;
font-size:10px;
border-style:solid;
border-width:0px;
border-color:#fff;
margin-bottom:2px;
padding:2px;
}
.form-required{
display:none;
}
.form-item label[for=edit-attributes-1] {
float: left;
font-size:12px;
font-weight:bold;
margin-right:6px;
margin-left:3px;
}
.form-item label[for=edit-attributes-2] {
float: left;
font-size:12px;
font-weight:bold;
margin-right:6px;
margin-left:6px;
}
This is perfect in firefox – and doesn’t work a bit in IE.
Is there anyway I can fix this to make it work in both?
http://www.excycle.com/prototype
Will pay tonight for solution.


