I have a few News Feed modules on a landing page that use a different design than any of the containers in the skin we purchased (Catalyst2). I added the div with the specific class to the module's header and footer fields:

(in the header)
<div class="greybox">
<h3>RSS Feed</h3>

(in the footer)
</div>

CSS
.greybox
 {
background: url("../../styles/images/latest_news_background.jpg") repeat-x scroll left top #FFFFFF;
margin: 0 0 15px;
border-top: 1px dotted #BDAD96; }

Basically, it just adds a div with a background image and a border to the content. It works fine for FireFox, Safari, Chrome but in IE 8 the H3 tag and the XSL output for the RSS are split into two boxes. When I look at the IE developer tools for that node, the module content is added twice - once within the div I added and once after. Would this be possible to fix without having to build a separate skin object/container? The greybox class is set in the site's stylesheet setting.

Thanks,