Слои в две колонки. Проблема в IE.

[manc]

Возникла необходимость сверсать список услуг в две вертикальных колонки. В FF все отображается нормально, а в IE вторая колонка залезает под первую.

Вот сайт: http://www.usp-ag.ru

А вот фрагмент CSS:

.moduletableserv {padding-top: 20px; float: left;} 
.moduletableserv ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;}
.moduletableserv li {padding-top: 8px;}
.moduletableserv li a {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005688;}
.moduletableserv2 {padding-top: 20px;} 
.moduletableserv2 ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;}
.moduletableserv2 li {padding-top: 8px;}
.moduletableserv2 li a {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005688;}

Не обращайте внимания на идиотские названия стилей - это издержки использования CMS Joomla

[Great Rash]

А где html? Так трудно понять...

А вообще у обоих списков стоит ширина 75%, естественно они не поместятся рядом друг с другом.

UPD:

.moduletableserv {float: left; width: 50%;}
.moduletableserv ul {margin: 50px 10px 0 10px; list-style: none;}
.moduletableserv li {padding-top: 8px;}
.moduletableserv li a {font: bold 13px Arial, sans-serif; color: #005688;}
.moduletableserv2 {float: left; width: 50%; margin-left: -3px;}
.moduletableserv2 ul {margin: 50px 10px 0 10px; list-style: none;}
.moduletableserv2 li {padding-top: 8px;}
.moduletableserv2 li a {font: bold 13px Arial, sans-serif; color: #005688;}

Думаю так запоказывает. Тяжело без HTML.

Edited April 29, 2009 by Great Rash

[Verder]

Возникла необходимость сверсать список услуг в две вертикальных колонки. В FF все отображается нормально, а в IE вторая колонка залезает под первую.

Вот сайт: http://www.usp-ag.ru

А вот фрагмент CSS:

.moduletableserv {padding-top: 20px; float: left;} 
.moduletableserv ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;}
.moduletableserv li {padding-top: 8px;}
.moduletableserv li a {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005688;}
.moduletableserv2 {padding-top: 20px;} 
.moduletableserv2 ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;}
.moduletableserv2 li {padding-top: 8px;}
.moduletableserv2 li a {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005688;}

Не обращайте внимания на идиотские названия стилей - это издержки использования CMS Joomla

http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/

[SelenIT]

До кучи: http://cssing.org.ua/2008/08/29/float-mess/ (самая соль — в http://cssing.org.ua/2008/08/29/float-mess/#comment-13155