Фокус CSS-тег в Internet Explorer 8

Question

Это сводит меня с ума.

http://www.cssdrive.com/index.php/examples/exampleitem/focus_pseudo_class

Это пример использования псевдокласса hover. Прекрасно работает в Chrome и IE. Когда я сохраняю локально, он отлично работает в Chrome, но не работает в IE. Что я делаю не так!?

<link rel="Stylesheet" href="style.css" />
<form>
    <p>1) Name:<br />
    <input type="text" size="40"></p>

    <p>2) Email address:<br />
    <input type="text" size="40"></p>

    <p>3) Comments:<br />
    <textarea rows="5" name="comments" cols="45" wrap="virtual"></textarea></p>

    <p><input id="actualsubmit" type="submit" value="Submit"></p>
</form>

style.css:

input:focus, textarea:focus{
    background-color: lightyellow;
}   

EDIT: Таблица стилей применяется - можно проверить по цвету фона: черный. Но эффект фокусировки не работает.

Answer 1

Я считаю, что IE8 все еще не поддерживает его должным образом, вот обходной путь JS: http://james.padolsey.com/javascript/fixing-focus-in-internet-explorer/

Answer 2

Похоже, что IE8 не работает, когда стиль <link> 'd вместо <style>' d на странице.

Answer 3

Попробуйте использовать "таблицу стилей" вместо "Таблица стилей" в теге ссылки? Может быть с учетом регистра.