Sandy wrote: > ... > > This page > http://www.uoguelph.ca/~dmangroo/research/research.html > is displaying in all kinds of versions of FF and Opera just fine. > > In IE6, the top left logo doesn't show up. The big image in the content > is fine.
A relatively positioned parent has to gain haslayout in addition, otherwise, child elements may vanish. Apply a haslayout trigger to #banner. Since you need some fixes for IE, see below, it is a good idea to work from within a general iefix.css, linked conditionally in the head section to all current IE. <!--[if lte IE 7]> <link rel="stylesheet" href="ie5-7fix.css" type="text/css" /> <![endif]--> and ie5-7fix.css contains * html #banner {height: 1px} since IE7 already noted the min-height on that element in your css. The use of a transparent PNG is not appropriate, since IE6 does not support 24-bit + 8-bit alpha channel PNG. Use a transparent GIF instead. > > In IE7, the top left logo is there looking just as it should, and the > big image in the content is not displaying the bottom 3rd. This issue is a new (renewed) italic bug present in IE7, compare [1]. It is related to the wrapping of the italic phrase /S. cerevisiae/ in your document. Starting from this, the paragraph that has a white background-color cuts the floating image. A simplified test: http://www.satzansatz.de/cssd/tmp/ie7italic.html I am not sure how to stop it. You could apply a haslayout-trigger for IE7 only like min-height:1px to the paragraph, but this would prevent the paragraph from wrapping around the float. [2] I thought you could remove the white background-color from the p, but to no avail. The image was still cut. Additionally, the parent needed haslayout. This seems to be a possible fix in your situation: .content { min-height: 1px; ... } .content p { /* background-color:#fff; */ } But in general, we cannot remove background-colors on paragraphs next to floats. Others hopefully have better ideas. Ingo [1] http://positioniseverything.net/explorer/italicbug-ie.html [2] http://www.satzansatz.de/cssd/onhavinglayout.html#nextfloat PS: Some container elements have a class and an id of the same name in your file. -- http://www.satzansatz.de/css.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/