i know this is a standard well known problem. searched for it, thought i found a stated fix (put display:inline on the div) but it didn't fix it.

a div followed by a heading. div has float:left put on it to make its border collapse/wrap round its contents. once float on the div margins making the gap between the box and the heading below it go wrong. so i use padding instead. this work on all but ie. in all it's fine, but in ie double the gap.

how to fix it ie?