Q:

:focus with Adjacent selector won't work on IE7

I am trying to show span which is right after the input element, when input has focus.
works on all browsers except IE7:
input:focus + span{ .. }  // won't work
input + span{ .. }        // does work

Anyone knows if this is a known bug?
I haven't found information about this on google.

A:

Internet explorer 7 does not support :focus
the only solution i can think of is to use javascript onfocus and onblur to simulate this effect on IE
example:
element.onfocus = function () {
  this.className = "theFocusCssRuleClass";
}

element.ononblur = function () {
  this.className = "theNormalCssRuleClass";
}

