CSS, ul и IE - не применяет стиль

[the_ghost]

Есть такой вот кусок кода html:

<div class="metro">
<h3>Метро:</h3>
<ul>
<li><span class="trig">Северный округ</span>
 <ul class="inc">
 <li class="off" id="a1"><a href="http://www.uromax.ru/category/AEROPORT">Аэропорт</a></li>
 <li class="off" id="a2"><a href="http://www.uromax.ru/category/VOIKOVSKAYA">Войковская</a></li>
 <li class="off" id="a3"><a href="http://www.uromax.ru/category/DINAMO">Динамо</a></li>
 <li class="off" id="a4"><a href="http://www.uromax.ru/category/PETROVSKO-ROZUMOVSKAYA">Петровско-Розумовская</a></li>
 <li class="off" id="a5"><a href="http://www.uromax.ru/category/POLEZHAEVSKAYA">Полежаевская</a></li>
 <li class="off" id="a6"><a href="http://www.uromax.ru/category/SOKOL">Сокол</a></li>
 <li class="off" id="a7"><a href="http://www.uromax.ru/category/TIMIRYAZEVSKAYA">Тимирязевская</a></li>
 </ul>
</li>
</ul></div>

И соответсвенно кусок css (полная версия css здесь):

.inc {
display: none;
}

Все нормальные броузеры скрывают список, только ИЕ нет. Кто знает почему?

[Fu-tai]

Все нормально скрывается. ИЕ 6.0

Какая версия ИЕ?

Скорее всего ИЕ кеширует страницу, поэтому не видите результата. Почистите хистори.

[the_ghost]

Нашел проблему

ИЕ любит порядок в css коде.

Вот этот код:

.inc {
 font-size: 95%;
 display: none;
}

должен стоять в css файле перед вот этим кодом:

ul {
 font-size: 12px;
 color:#666666;
 line-height: 1.5em;
 list-style: none;
 padding-left: 10px;
 margin-left: 10px;
}

Что странно, т.к. свойство display указано только в первом участке... Одним словом - IE фтопку

[Fu-tai]

эт точно. Да есть такое.