CUNY Academic Commons

George reported this to Matt and he passed it on.

I can confirm that it doesn't show on IE 6 and IE 7. I figured out the problem but I have to run to our meeting and can't implement it right now. If someone from CAC sees this can you implement it?

The problem is that the span containing the overlay needs a width and a height and also a left position.
Here is the css for it right now:
.slideshow div span {
position: absolute;
background: url(../images/bg-trans.png) repeat 0 0;
color: #fff;
padding: 10px 15px 15px 15px;
bottom: 0;
z-index: 99;
display: block;
width: 560px;
}

and if you add a height and left:0 to it it should work
.slideshow div span {
position: absolute;
background: url(../images/bg-trans.png) repeat 0 0;
color: #fff;
padding: 10px 15px 15px 15px;
bottom: 0;
z-index: 99;
display: block;
width: 560px;
height:105px;
left:0;
}

I made the change to custom.css in the master branch. I don't know the process well enough to then push to staging and so on.

Boone, sorry it didn't appear to be working for you and that I wasn't able to respond earlier. You were moving faster on this than I was able to at the time so I just kind of let you run with it. I didn't have a proper IE testing environment when running locally on my MAC so I had to kind of fake it by copying the HTML/css and working with that separately. Perhaps that's where the problems came into play.

However in looking at the current custom.css file I see you removed a lot of CSS including much of the slideshow styles (including the one with the two little lines I added) so it seems like maybe you found a simpler way of renderign the CSS (I wasn't sure from your commit message, it only mentions what you added).

All of this brings up some larger questions related to testing environment and IE6 support I will write about in basecamp.