I can't for the life of me seem to figure out why the spacing between certain DIVs in the web page I'm working on are rendering differently in IE and Firefox.
Sample page: http://www3.law.northwestern.edu/faculty/profiles/JamesSpeta/ The spacing between the last list item in "Areas of Expertise" and the "Courses" heading (and between the last item under "Courses" and the "Publications" heading) should be the same as the spacing separating the rest of the sections lower down on the page. The way it looks in IE 6 is the way I want it to look. However, in Firefox, the top three sections are squished together. If I add spacing to accommodate Firefox, then there is too much space in IE. I have a feeling the issue has to do with some conflict between the section div and the 2-column divs I'm using under "Areas of Expertise" and "Courses," but I can't figure out how to fix it. I don't think this is related to the box model problem, though, as my column divs only have width set and the problem is in the top/bottom spacing not left/right. Any ideas for how I can get it to match across browsers? Janet Chang Communications Editor Northwestern University School of Law http://www.law.northwestern.edu ______________________________________________________________________ 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/
