I am trying to redesign the following 3-column layout http://lmmiller.com/biography.html to a new, simpler version with just two columns:
http://lmmiller.com/test.php http://lmmiller.com/assets/css/test.css I am facing the following issues: 1. The #quotes appear to have a tiny top margin even though I am trying to neutrialize the #content's top padding with the #quotes top margin: #content { background-color: #fff; margin-left: 200px; border-left: 1px solid gray; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; /* max-width: 36em; */ } #quotes { width: 200px; background-color: #A5B2DE; border-top: 1px solid gray; border-right: 0px solid gray; border-left: 1px solid gray; border-bottom: 1px solid gray; float: right; margin-top: -1em; margin-right: 0em; margin-bottom: 0px; margin-left: 10px; text-align: right; padding: 10px; font-size: 90%; } 2. If I attempt to give #content padding-right: 1em, the #quotes appears with right margin in Firefox and shifted way to the right in IE6. What I want to accomplish is a simple layout where the #quotes are positioned in the top right corner of the #content in both Firefox and IE. Any assistance would be highly appreaciated! Thanks in advance! Mitko ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/