All kinds of CSS trouble

Still trying to resolve this, please help.

Hello all. So it turns out I was calling the Agenda block, and it was spitting out date with no styling. I moved the block to a region I'm not using, a dummy region and now the styles (and javascript) are working. Hope this helps someone else who has this issue in the future.

Rut roh! So now it doesn't load CSS for Anon users. All other CSS loads, so this is a Agenda issue?

OK, I switch on CSS Aggregation and it works, good thing I'm mostly done with theming the site!

Although now I new problem, see my site in IE and check the Agenda block. http://foc4u.org/
The <li> class of "cal_0" stay fixed on the screen and overflow the block!

I'm guessing it has something to do with position:relative not working in IE?

Something is definitely awry here. Are any other Agenda users having problems?

OK, I went to admin>settings>performance and 'disabled' everything except "Optimize CSS files" and it works now perfectly. So, now I wonder if it's a javascript issue affecting css.

Then why, when I don't have CSS optimization on, does ALL css fail to load except agenda?

Update. I have tweaked some things, can't exactly reproduce earlier problems. But there is still a problem. Here is a screenshot with no CSS optimization enabled. Notice Agenda is the ONLY thing that has any css applied to it.

Here is a screenshot with CSS optimization applied. Now i get funky FIXED position event list items. They go outside the block and don't scroll. I checked the css and the only position style is applied by the module using element.style.

New info. I find that if I enable "block cache" then no css loads for agenda. not even the style sheet.

It seems no combination I have tried will correctly load the Agenda block in Internet Explorer 7.

Caching has always been disabled. Block cache has been off since my last post. So no help there :\

Two themes? I sub-themed ninesixty. So, I have a folder and sub-theme with it's own .info file with a different name than the ninesixty's .info file.

Yeah, I don't know for sure what is causing this (or I would have solved it by now). I checked ALL of my css (both custom and core) and there are no instances of fixed or static even, Everything is 'relative' except a few 'absolute', which would not cause this anyways.

So it is a mystery that the orange event name items (refer to my posted images) act as fixed on the page and do not scroll in the block and bleed outside the block.

@arhak: "did you tried to redefine all css files in your sub-theme's .info?" I do not understand what you mean. I created one new stylesheet for changes to the main theme.

@stripped: I double checked. Unique names for .info files verified.

I noticed today that when I expand the details of an event, the "date" scrolls and hides in the iframe, the javascript event and details portion goes outside the iframe. Not sure if this adds useful info. I wish someone else with this problem would chime in.

The only solution I have now is to limit the number of events displayed so that the content cannot go outside the box. :\

OK. New info.

I tried the CSS in 3 diff themes including Garland, still have the problem.
Now, I do not know if it's my CSS' fault or Agenda's, let's have an open mind about this. :)

Here is the CSS I use to make my nice little scrolling block (using the Agenda block).
#block-agenda-0 {height:292px; width:225px; overflow:auto;}

Something about this makes the Agenda block flip out in IE. This code seems legit, I've been using CSS expertly since 2001.
To recap the problem, the date titles, which are not in the "list" but presented in <p> tags scroll.
The event and all other info stored in the list, a combination of <ol>, <li>, and <ul> remains fixed on the page and flows outside of the box even though I constrain the box to a fixed size. I suppose z-index may fix the overflow problem, but the main issue here is the fixed position of the list items.

I hope someone comes across this someday.

The "fix" is to add position:relative to the container, which was in this case block-agenda-0. It's an IE bug. And the sky is blue and ice is cold. IE sucks.

I thank all of you for your help. You helped me in analyzing the problem, gave me some new troubleshooting tools.

Perhaps that bit of code could be added to the module?

IE 8.0. Did not test on other versions of IE.