Hello Can somebody please explain why the lower margin of my first para and the upper margin of my "fragment" div are not collapsing? How could I fix this?
I've seen this gap in both IE7 and FF3. The target market is IE6+. Thanks in advance Trevor Here's the html: --- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html> <head><title>Commands</title> <style type="text/css"> body { font-family: "Arial",sans-serif; font-size: small; color: Black; } h2 { color: Black; background: none; font-size: 130%; font-weight: bold; margin: 0 0 1em 0; padding: 0.5em 0 0.17em 0; border-bottom: 1px solid #aaaaaa; } p { margin: 0 0 1em 0; } div.fragment { float: left; margin: 1em 0 1em 0; } div.fragbody { font-family: "Courier New",monospace; font-size: 88%; background-color: #e0e0e0; border: 0.25mm solid black; padding: 3pt 6pt 3pt 6pt; float: left; margin: 0 0.75em 0 0.75em; white-space: nowrap; } .fragclear { clear: both; } </style> </head> <body> <h2>Commands</h2> <p>Commands may be typed whenever the:</p> <div class="fragment"> <div class="fragbody">>></div> </div> <br class="fragclear"> <p>prompt is displayed.</p> </body> </html> --- ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
