IE7 not playing ball with CSS selectors

[splashpoint]

can anyone see why IE seven wouldn't like the adjacent sibling selectors in this rule? The hover bit works fine. This is driving me mad. IE7 does support CSS 2.1 selectors right?

 td.vevent:hover div,  td.vevent a:focus + div,  td.vevent a:active + div
 { 
 	display:block;
 }

[Paul O'B]

Hi,

The code you posted seems to be working in IE7 so we would need to see more code or working demo or perhaps a link. I made a rough working example with the above code and it seems to work ok but of course I don't really know what you have planned and what else is going on.

The code looks a bit strange as you are selecting a block level element that follows an inline element which means the inline element is an anonymous box. Usually you would make sure your inline elements are wrapped nicely in suitable containers before a block box begins. However, that is unlikely to have anything to so with your problem.

[splashpoint]

Thanks for looking. I'm building an event calendar where the event info is hidden in a div inside a td until you hover over the td or focus on the anchor. In fact the only reason for me adding the "a" round the date is to try and add keyboard access. Anyway - think I've got round it with a light sprinkling of jquery.

[Paul O'B]

Glad you sorted it