Overflow-y в IE

[zolga7]

Здравствуйте.

Помогите пожалуйста, юзеру. Есть сайт http://nnnymph.ru/ сделан он на jooomla. Проблема в следующем на сайте выпадающее горизонтальное меню, меню сделано в виде списка Li. В Mozilla Firefox все отлично, а в IE возникают большие зазоры от меню до полосы прокрутки. Что делать?

Код из template.css

.item11 ul {
  width: 306px!important;
  height: 280px!important;
  overflow-y: scroll!important;
  margin-top:3px;
}

.item8 ul {
  width: 306px!important;
  height: 280px!important;
  overflow-y: scroll!important;
  margin-top:3px;
}

.item27 ul {
  width: 306px!important;
  height: 280px!important;
  overflow-y: scroll!important;
  margin-top:3px;
}

.art-nav li.parent li.item189 a {
width:115px;
}

.art-nav li.parent li.item22 a {
width:180px;
}

.art-nav li.parent li.item24 a {
width:180px;
}

.art-nav li.parent li.item7 a {
width:180px;
}

.art-nav li.parent li.item192 a {
width:115px;
}

.art-nav li.parent li.item144 a {
width:243px;
}

.art-nav li.parent li.item151 a {
width:243px;
}

.art-nav li.parent li.item152 a {
width:243px;
}

.art-nav li.parent li.item161 a {
width:243px;
}

[Great Rash]

Да что там зазоры... меню в принципе кривое. Не работает например в Хроме вообще.

А вообще зазоры из-за того, что в ИЕ7 не такая блочная модель как в остальных браузерах. И там ширина полосы прокрутки включается в общую ширину контейнера.

[zolga7]

Как решить эту проблему?