I'm trying to use the CSS :focus selector which works fine in Mozilla Firefox but appears to have no effect in IE8 or IE9.

W3schools notes that DOCTYPE must be declared for focus to work in IE8 but it does not specify what the doctype should be.

My CSS:

```
#form1 input:focus
{
    background: #e1ebfe;
    border: 1px solid #00AADD;
}

```

I have tried the following DOCTYPEs but neither seem to work for 'focus'.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

```

Any help would be much appreciated! Thanks