Условный комментарий не работает для <link>

Question

На моей странице есть условный комментарий, чтобы исправить проблему с двойным отступом в IE7.

Я пытаюсь добавить "padding-top: 5px;" в DIV только в IE7. Остальные браузеры (включая IE6 и IE8) используют "padding-top: 10px;" содержится в stylesheet.css.

stylesheet.css содержит

.clImageSamplerText {padding-top:10px;}

stylesheet_ie7.css содержит

.clImageSamplerText {padding-top:5px;}

Если я использую

<link href="stylesheet.css" rel="stylesheet" type="text/css">
<!--[if IE 7]>
    <style>.clImageSamplerText {padding-top:5px;}</style>
<![endif]-->

мой код работает без проблем.

Если я использую

<link href="stylesheet.css" rel="stylesheet" type="text/css">
<!--[if IE 7]>
    <link href="stylesheet_ie7.css" rel="stylesheet" type="text/css">
<![endif]-->

не работает.

У кого-нибудь есть идеи?

Answer 1

Я включил link элементы в условные комментарии без каких-либо проблем, поэтому я не думаю, что имеет значение, что вы делаете это вместо того, чтобы записывать их в элемент style. Я думаю, что документ не найден stylesheet_ie7.css. Вы уверены, что он был загружен в нужное место?

Answer 2

Просто выстрел в темноте - если вы используете тип документа XHTML, вы можете обнаружить, что закрытие тегов <link /> решит проблему.

Так что попробуйте:

<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="stylesheet_ie7.css" />
<![endif]-->