html - Focus CSS tag in Internet Explorer 8 -

This is driving me crazy.

An example of this is the use of Hover fax-class works fine in Chrome and IE. When I save locally it works fine in Chrome but will not work in IE. What I am doing !!

  & lt; Link rel = "stylesheet" href = "style.css" /> & Lt; Form & gt; & Lt; P & gt; 1) Name: & lt; Br / & gt; & Lt; Input type = "text" size = "40" & gt; & Lt; / P & gt; & Lt; P & gt; 2) Email address: & lt; Br / & gt; & Lt; Input type = "text" size = "40" & gt; & Lt; / P & gt; & Lt; P & gt; 3) Comments: & lt; Br / & gt; & Lt; Textarea rows = "5" name = "comments" cols = "45" rap = "virtual" & gt; & Lt; / Textarea & gt; & Lt; / P & gt; & Lt; P & gt; & Lt; Input id = "actualsubmit" type = "submit" value = "submit" & gt; & Lt; / P & gt; & Lt; / Form & gt;  

style.css:

  Input: focus, text: focus {background color: light color; }  

Edit: Style sheet is application - Can be tested with background color: Black. But the focus effect is not working. I believe that IE8 still does not support it properly, here's a JS workaround: