I think the root of the problem is how the css module suffixes are constructed. Forgive me if I use incorrect terminology - I'm a novice at all of this.
The selectors are pretty promiscuous - naked, one div, two divs, three divs, and four divs. I think if the code in a given module position includes its own divs, the CSS gets confused, though I'm unclear on the particulars.
I took a simple module that showed the problem under IE and removed its div statements and the problem went away.
Anyone have any thoughts?
#s5_outerwrap div.module-title {
(background: transparent url('../images/s5_cityportal_sqbr.jpg') no-repeat bottom right;
padding:0px;
margin:0px;
margin-bottom:14px;
width: 100%;
}
#s5_outerwrap div.module-title div {
background: transparent url('../images/s5_cityportal_sqbl.jpg') no-repeat bottom left;
padding:0px;
margin:0px;
}
#s5_outerwrap div.module-title div div {
background: transparent url('../images/s5_cityportal_grtr.jpg') no-repeat top right;
padding:0px;
margin:0px;
}
#s5_outerwrap div.module-title div div div {
background: transparent url('../images/s5_cityportal_grtl.jpg') no-repeat top left;
margin:0px;
padding:12px;
width: auto;
}
#s5_outerwrap div.module-title div div div div {
margin: 0px;
padding: 0px;
background: none;
}