IE issue displaying content

[jrthor2]

If you view the below site, in IE (7) at least, the center content has a dark background. If you view the same page in Firefox, it displays fine. How it displays in Firefox is how it should display in IE. Could someone help me fix this?

http://www.zluth.org

Thanks!

[Big O(1)]

that div with the id "jsn-pcentercol_inner" has no background-color CSS rule specified for it, so it is transparent. The snowfall effect in the back is messing it up somehow. Give it a white background color in your CSS and you'll be fine.

[jrthor2]

That worked, thanks. There is still a dark line on the right side of the middle content though. Also, if I turn the snow effect off, this does not help with the dark background on the "jsn-pcentercol_inner" div, but giving it the white background has helped.

I noticed something else a little odd. If you put your mouse in the left or right column where there it is just the gray background, like under the "Latest Sermons" box, the cursor is not the arrow, it is the text select mouse pointer, but there is no text there. Again, this in only in IE, not Firefox. How can this be fixed?

Also, there are some images that are not showing up in IE on the right side, just below the search box. You can see them fine in Firefox, but not IE. In IE, if you view the source of the page, the images are there. Here is the code for the images:

<div class="bannergroup">

<div class="banneritem"><a href="/component/banners/click/21.html"><img src="http://www.zluth.org/images/banners/connect_with_lutherans.png" alt="Connect With Lutherans" title="Connect With Lutherans" width="" height="" /></a><div class="clr"></div>
	</div>
<div class="banneritem"><a href="/component/banners/click/14.html"><img src="http://www.zluth.org/images/banners/rhs_thrivent_natalie_kratzer.png" alt="Thrivent" title="Thrivent" width="" height="" /></a><div class="clr"></div>
	</div>
</div>

Any help with this is also greatly appreciated.

Thanks again!!