whitespace issues in IE – of course

[MutatedCreativity]

I have a div set up with a form inside of it. I’m floating elements left and right. Everything works fine in Firefox of course but in IE I’m getting this weird whitespace that overlays on top of my label. Here is the CSS for it:

Code:

/*main div*/
#additional {
width:530px;
padding:10px;
}
/*left side*/
.form-left {
margin:0px;
float:left;
left:0px;
}
/*right side where the whitespace issue is*/
.form-right {
margin:0px;
float:right;
right:0px;
}

I’ve attached the image of what the issue looks like. The form on top of it is fine and there’s enough space between the previous input and the label with the problem. Can anyone offer any insight. Thanks!!

[apostrophe]

Tough to say without a link but I would give both of your floats a width.

[MutatedCreativity]

I tried doing that but it still wasn’t working. I’ve given up at this point. It really wasn’t my project anyway. I’m going to give it over to our web guys. They’re going to use tables and capitalize their tags but its their problem now. Thanks anyway!!

[Author]

Posts