глюк с отображением в ie6,7

[brahman]

Доброго времени суток!

У меня проблема с отображением заголовка на сайте http://favorit-ec.ru/catalog/

В рабочем поле сверху, слева расположен заголовок "Каталог" сделанный в виде картинки. Во всех браузерах нормально, но в 6 и 7 эксплорере он прибивается к левому краю. Так же на всех остальных страницах. Сам я не верстальщик, но попробовал разобраться. Проблема в том что для .content h2 { height:29px; margin-left:41px; padding-bottom:14px; } не срабатывает margin-left:41px; Помогите дополнить hacks_ie, чтобы исправить данный баг, сам попробовал, но не получилось.

Текущий код hacks_ie

*html body { height:100%; text-align:center; filter:expression(document.execCommand("BackgroundImageCache", false, true)); }
*html .global { height:100%; text-align:left; }
*html .footer { text-align:left; }
*html .main_box { position:relative; }
*html .about_box { position:relative; }

.news_block .news_box p.attach, .content .stroke, .catalog_box .txt_content li { height:1%; overflow:visible; }
*html .certificates_design { height:243px; }

Заранее спасибо!

Edited February 23, 2010 by brahman

[klierik]

div.catalog_box {*zoom:1;}

[brahman]

Спасибо!

[brahman]

Всплыл еще один баг. При наведении на раздел "О нас" в 6 эксплорере не работает выпадающее меню. В 7 и 8 все работает.

/* Главное меню */
.menu { position:relative; z-index:999; float:right; }
.menu li { position:relative; display:block; float:left; font:normal 20px 'Times New Roman'; color:#d8cb9f; list-style-type:none; }
.menu li a { display:block; width:114px; height:45px; padding-top:80px; color:#d8cb9f; text-align:center; text-decoration:none; border-left:1px solid #d8cb9f; }
.menu li a:hover, .menu li a.here { color:#fff; }
.menu li ul { display:none; position:absolute; top:125px; left:0; margin-left:1px; padding-top:1px; background:#0c3448; }
.menu li ul li { float:none; font-size:16px; }
.menu li ul li a { width:auto; height:auto; padding:10px 10px 8px 10px; border-left:none; border-bottom:1px solid #d8cb9f; text-align:left; }
.menu li ul li a:hover { border-color:#fff; }

.menu li:hover ul { display:block; }

Edited February 24, 2010 by brahman

[Great Rash]

В ИЕ6 :hover работает только на <a>, используйте яваскрипт.

[brahman]

В ИЕ6 :hover работает только на <a>, используйте яваскрипт.

Скрипт подключен:

	<script type="text/javascript">
		$(document).ready(function(){
			var parentli = $('ul.submenu').parent('li').width();
			parentli = parentli - 1;
			$('ul.submenu').css('min-width', parentli);
			$('ul.submenu > li:last > a').css('border-bottom','none');
		});
	</script>

[Great Rash]

Че-то я не вижу, чтоб он что-то делал на onmouseover.