Проблема отображения сайта в IE 6 - Вопросы по CSS

1.) Подскажите пожалуйста, почему в IE 6 в левой панели над красной полоской белый пробел образовался.

background:transparent url(../images/top-border-l.gif) no-repeat scroll right top;

2.) http://www.souztr.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=21&Itemid=64&lang=ru
Как на этой странице название категории "Женская одежда" изменить.
В каком CSS искать стиль этого заголовка.

<font style="font-size: 32px; font-family: calibri; color: rgb(111, 92, 75);">Женская одежда </font>

Internet Explorer любой версии

Первое решение это конечно Conditional Comments. Об этом хорошо написанно на сайте htmlbook.ru. Чтобы правило работало, прописываем в конце каждого определения !important

Приведу пример для наглядности:

<!--[if lte IE 6]>
<link rel="stylesheet" href="css/cssf-ie6.css" type="text/css" media="screen">
</link>
<![endif]-->

Второе решение это хаки. Приведу пример. Оба варианта валидны. И удобнее всего использовать

* HTML #div { height: 300px; } /* Только IE6 */
*+ HTML #div { height: 300px; } /* Только IE7 */

В связи с выходом новой версии IE8 у верстальщиков возникли новые проблемы. В стандартном режиме все сайты стали выглядеть страшнее чем в IE6.

Чтобы исправить эту проблему нужно включить "режим совместимости". Сайт будет отображаться как в IE7. Это можно сделать двумя способам:

 

   1. Включить в IE8 режим совместимости, нажав соответствующую кнопку рядом с адресной строкой. Этот метод не удобен, так как не все пользователи смогут такое сделать.
   2. Включаем режим принудительно через код HTML (хак), вставив в HEAD следующую строку:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />