Мэри,
Это связано с тем фактом, что теги A являются встроенными элементами.в IE <8 высота / ширина элемента не отображается, поэтому он сворачивается и становится невидимым.Добавление <code>display: block; в ваше объявление CSS для этого элемента исправит это в IE <8. Вы захотите применить этот же принцип к другим встроенным элементам, которые вы пытаетесь заставить вести себя больше как элементы уровня блока (настройка ширины/ height / margin / padding, как правило, хороший намек на это поведение). </p>
Если вам не нужно поддерживать IE 5.5 (что в настоящее время большинство людей не поддерживает), вы также можете использовать display: inline-block;
(имейте в виду, что IE 6-7 поддерживает только встроенный блок для элементов, которые являются встроенными элементами, такими как A, SPAN, STRONG, EM и т. д.).Вы можете найти много полезной информации о совместимости здесь: http://quirksmode.org/css/display.html
Вы, вероятно, также заметите, что как только вы измените этот тип отображения, отступ, который не отображается, будет, поэтому вам, возможно, придется изменитьэта разметка немного компенсирует.
Использование панели инструментов разработчика в IE - отличный способ протестировать старые версии, а также протестировать эти решения в более старых версиях.