Thank you it works on IE6 - have just placed the line 'margin-top: 125px' in the regContainer div code instead of the mainFrame.
However.. in FF the gray border disappears. Is there a hack for that . I wonder? Thanks On 5/18/07, Brian Crescimanno <[EMAIL PROTECTED]> wrote: > The way the code rendered on my screen was to push the box below rather than to overlap; this was due to your use of relative positioning which changes where the content is displayed; but not where it "actually exists" in the flow. This code works for me in both IE and Firefox, and from your description, its the effect you're trying to achieve: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <style> ..mainFrame{ background: white; border: 5px solid #CCCCCC; margin-top: 125px; } ..regContainer { color: #black; width: 720px; float:left; border:1px solid black; } ..clearer {clear: both;font-size: 6px;} </style> </head> <body> <div class="mainFrame" align="center"> <div class="regContainer"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc arcu libero, venenatis et, commodo eget, tempor vitae, ipsum. Praesent sed ligula id felis tempus tristique. Sed commodo enim vitae orci. Proin feugiat cursus odio. Suspendisse potenti. Vestibulum vel mi nec nisl lacinia ornare. Donec non erat et felis blandit consequat. Quisque ultricies, sem sed scelerisque porta, velit ante bibendum neque, non molestie quam dolor at diam. Integer hendrerit ligula sed pede pretium dignissim. Cras volutpat. Integer bibendum. Donec condimentum dui ut libero. Duis molestie, massa non tempor mattis, turpis nisi porta magna, eget tincidunt erat diam sit amet arcu. Donec et sem. Aliquam erat volutpat. Quisque faucibus sapien vitae orci. Aenean dapibus, sapien vel mollis bibendum, quam arcu hendrerit est, eget convallis sapien elit ac tortor.</p></div> <div class="clearer"> </div> </div> </body> </html> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
