Модуль некорректно отображается в Internet Explorer

[corvuscorax84]

Помогите решить проблему. один модуль на сайте (меню) некорректно отображается, а именно очень сильно съехал вправо

Прилагаю CSS, отвечающее за этот модуль:

div.header_menu {margin-top:0px}
div.data_header {padding-top:5px; float:left; display:table; width:280px}
span.tex {font-size:11px; color:#3D81C6; margin-left:5px}
span.tex span {font-size:11px; color:#000000}
span#datehour {font-size:11px; color:#000000; background:url('http://7ya-media.com/images/stories/icons.png') left -496px no-repeat; padding-left:18px; margin-left:6px}

div#header_menu {padding:5px 10px; border:1px solid #E6E7E8; background:#FDF4DF; display:table; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}
div#header_menu ul#1 {margin-top:-10px}
div#header_menu ul, div#header_menu ul li {padding:0; margin:0}
div#header_menu ul li a {font-size:12px; line-height:14px; display:block}
div#header_menu ul li {margin-right:5px; float:left}
div#header_menu ul li ul {visibility:hidden; padding:10px; position:absolute; background:#FDF4DF; border:1px solid #E6E7E8; border-bottom:3px solid #F80100; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:1000}
div#header_menu ul li:hover>ul {visibility:visible}
div#header_menu ul li ul li {margin:2px 0; padding-left:8px; background:url('../images/blockcontentbullets.png') 0 2px no-repeat; width:125px; clear:both}
div#header_menu ul li ul li a {width:120px; display:block}
div#header_menu ul li ul li a:hover {color:#000}


Помогите подкорректировать пожалуйста

[Pazys]

Трудно помочь без сайта.

У вас над этим модулем еще что-то есть? Выше него? Возможно этот модуль и пытается пристроиться слева от предыдущего.

Попробуйте перед этим модулем добавить:

Код

<div class="clear"></div>

Код

.clear {clear:both;}

[corvuscorax84]

Трудно помочь без сайта.

У вас над этим модулем еще что-то есть? Выше него? Возможно этот модуль и пытается пристроиться слева от предыдущего.

Попробуйте перед этим модулем добавить:

Код

<div class="clear"></div>

Код

.clear {clear:both;}

адрес сайта http://7ya-media.com

[Pazys]

http://www.7ya-media.com/templates/7ya/css/template.css
строка 1520

Код

div#header_menu {padding:5px 10px; border:1px solid #E6E7E8; background:#FDF4DF; display:table; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; height: 20px;}

Добавил в конце: ; height: 20px; (; - обязательно перед height)

[corvuscorax84]

http://www.7ya-media.com/templates/7ya/css/template.css
строка 1520

Код

div#header_menu {padding:5px 10px; border:1px solid #E6E7E8; background:#FDF4DF; display:table; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; height: 20px;}

Сработало! Спасибо большое, выручили! С меня плюсик

Добавил в конце: ; height: 20px; (; - обязательно перед height)

[Pazys]

20px можете на свое усмотрение поменять ...

[corvuscorax84]

20px можете на свое усмотрение поменять ...

20 в самый раз)