Here is the scenario:
I have a table with a margin-bottom of 19px. Below that I have a form that contains some fieldsets. One of them is floated right. The problem is that the margin-bottom is not getting the full 19px in IE7. I've gone through all of the IE7 css/margin/float bugs that I can think of and have tried remedies but have been unsuccessful. I have been googling for a while now and cannot find anything that is helping out.
Here is what I have tried.
- Wrapping the form or fieldset in an unstyled div. No apparent change.
- Nixing the margin-bottom on the table and instead wrapping that with a div and giving it a padding-bottom of 19px. No apparent change.
- Nixing the margin-bottom on the table and adding a div with a fixed height of 19px. No apparent change.
- Putting a clear between the table and the fieldset.
I know there are some others that I am forgetting, but those are the things I have tried out recently. This happens to each fieldset.
I am using a reset style sheet and have a xhtml transitional doctype.
Edit: I also have the IE7 web developer toolbar and Firebug. The style information for both browsers says that it has a margin-bottom: 19px; but it clearly is not for IE7.