Hi David,

Firstly, it looks fine in Firefox 3 in Linux, but that's to be expected
since Firefox is platform independent.  Unfortunately, I can't view the site
in IE, but I have an idea that *might* work.  I have often had problems with
the placement of a collection of sibling divs that are floating inside of a
div that does not have its display style explicitly declared.  You might try
giving div #contentContainer a style of display:table.  If that doesn't
work, try giving the two divs below #contentContainer and above
.contentColumn display:table.  If that doesn't work, I can't think of
anything else off of the top of my head without seeing a screenshot of the
problem you are describing.

Hope this helps,
Ethan

On Fri, Jul 25, 2008 at 9:24 PM, Cloutman, David
<[log in to unmask]>wrote:

> I have a classic IE CSS rendering issue. The home page that I am
> building for my library will have a content area that is laid out in
> five columns, each a div tag with another div tag nested inside to
> control spacing (which gets around another IE bug). What I have renders
> fine on Windows XP installations of Firefox 2, Safari 3 and Opera 9.24,
> but IE 7 will not allow these div tags to inherit the background of
> their container, and does something strange with the drop shadow effect
> on the right hand side. (I haven't tested IE6 or non Windows systems
> yet.) Has anyone seen this bug before, and are there workarounds? I
> can't seem to find anything in my research.
>
> http://frenzy.marinlibrary.org/prototype/
>
> - David
>
> ---
> David Cloutman <[log in to unmask]>
> Electronic Services Librarian
> Marin County Free Library
>
> Email Disclaimer: http://www.co.marin.ca.us/nav/misc/EmailDisclaimer.cfm
>