Shape 5

I'm using the City Portal template for a small town website.

Several modules in the left position, near the top of the screen, lose their titles (h3 tags) when displayed in IE7.  Scrolling down and then back up will sometimes make them reappear, but as you move around the page they go away again!

Everything is fine in FF and even IE8 ... any ideas for resolution on IE7?

Site is:  http://www.mountaincitytexas.com

Thanks!

That is very strange I do see the problem.  Would you be able to PM me login information to your site?

I have the problem also. It has to do with transparency of the background in IE7. Removing background: and adding a z-index fixed it for 2nd left -title module but not first:

#s5_outerwrap div.module-title div div div div {
   margin: 0px;
   padding: 0px;
   z-index:50;
}

Also there is a problem with s5_cityportal_sqbr.jpg floating down a bit. I have changed the widths to:
xml_s5_body_width=975
xml_s5_left_width=240
xml_s5_right_width=235

Will PM site credentials.

If you put a position:relative; on the below it should fix the disappearing titles in IE7

template_css.css (line 1032)

#s5_rightcolumn h3 {
padding-bottom:12px;
}

change it to:

#s5_rightcolumn h3 {
position:relative;
padding-bottom:12px;
}

Seems like a good try but I still have the disappearing titles problem in IE7.
However, it looks like I had introduced the s5_cityportal_sqbr.jpg problem when I set z-index:50 in previous code. 

Okay, got it working, thanks for the help. I had to do the position:relative in 3 places:

#s5_outerwrap div.module-title div div {
   position:relative;
   background: url('../images/s5_cityportal_grtr.jpg') no-repeat top right;
   padding:0px;
   margin:0px;
}

      #s5_leftcolumn h3 {
         position:relative;
         padding-bottom:12px; }

      #s5_rightcolumn h3 {
         position:relative;
         padding-bottom:12px; }

WOW! Thank you richdorfma, that fixed it.