Почему IE7 не распознает вызовы классов для внешней таблицы стилей, но распознает встроенные стили?

При использовании IE8 для просмотра IE7 с помощью функции режима браузера инструмента разработчика у меня возникает странная повторяющаяся проблема с CSS. Когда я вношу изменения во внешнюю таблицу стилей, а затем ссылаюсь на этот класс в HTML, IE7 вообще не распознает его. Однако если я включу тот же стиль в строку, IE7 подчинится ему. Кто-нибудь слышал об этом раньше? Вот простой пример, чтобы помочь проиллюстрировать то, что я говорю:

Внешняя таблица стилей:

.bold {
    font-weight:bold;
}

Вызов в HTML:

<p class="bold">My paragraph here</p>

Никакие изменения не вступят в силу в IE7, хотя во всех других браузерах все в порядке.

Однако, если я сделаю это:

<p style="font-weight:bold;">My paragraph here</p>

IE7 кажется счастливым. Какая разница? Мне действительно нужно вносить изменения в CSS таким образом, или есть другой обходной путь?

Я в недоумении, в чем может быть дело. Я не знаю, имеет ли режим браузера инструмента разработчика особенность и работает ли он не так, как в реальной версии IE7, или это что-то совершенно другое. Я использую IE8 (я не могу перейти на IE9 на этом правительственном компьютере), но я слышал, что проблема сохраняется и с моими изменениями в режиме браузера IE9 в IE7.

Мы используем ColdFusion для генерации HTML, используя тип документа HTML5 (), и я добавил параметр временной метки к двум ссылкам на внешние таблицы стилей, поэтому браузеру приходится каждый раз получать новую копию.

Любая помощь с этой загадкой будет очень признательна - спасибо!

====== Для @Stano или всех, кто заинтересован в воссоздании точной проблемы, вот ее урезанная версия: https://docs.google.com/open?id=0B02DZPpIlMwGSk1VZHRDUHNCTkU (можно нажать "Файл" > "Загрузить", чтобы получить архив). Обратите внимание, что в IE7 «Фотограф» работает нормально, потому что у него есть встроенные стили, но другие ничего не улавливают.