Проблемы с меню.

[Sedacove]

Есть достаточно сложное горизонтальное меню

Вот css код:

.menu LI

{

float: left;

display: block;

position: absolute;

}

.menu LI A

{

display: block;

}

.menu LI A:hover

{

display: block;

text-indent: -9999px;

overflow: hidden;

/*+opacity:80%;*/

-moz-opacity: 0.8;

opacity: 0.8;

}

.li1

{

left: 80px;

top: 88px;

z-index:1;

}

.li1 A

{

width: 62px;

height: 63px;

background-image: url(img/onas.png);

background-position: 0px px;

}

При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?

Edited October 15, 2011 by Sedacove

[psywalker]

Есть достаточно сложное горизонтальное меню

Вот css код:

.menu LI

{

float: left;

display: block;

position: absolute;

}

.menu LI A

{

display: block;

}

.menu LI A:hover

{

display: block;

text-indent: -9999px;

overflow: hidden;

/*+opacity:80%;*/

-moz-opacity: 0.8;

opacity: 0.8;

}

.li1

{

left: 80px;

top: 88px;

z-index:1;

}

.li1 A

{

width: 62px;

height: 63px;

background-image: url(img/onas.png);

background-position: 0px px;

}

При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?

Код помещаем в спец. теги, ок?

За счёт чего скролл появляется? Покажи тестовую страницу с примером.

[Sedacove]

Я ж говорю, я методом тыка проверял. убрал в классе .meni li a свойство display: block и скролл исчез.

[psywalker]

Я ж говорю, я методом тыка проверял. убрал в классе .meni li a свойство display: block и скролл исчез.

Нее, это я понял. Поэтому и хочется посмотреть на живой пример.

[Sedacove]

настарткарьера.рф

[psywalker]

.menu {

display: block;

list-style: none outside none;

margin: 0;

overflow: visible;

padding: 0;

position: absolute;

width: 2000px;