IE 8 не видит ссылок

[terminotor]

Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить?

_http://test.kabushikigaisha.ru/webster/

Вот CSS который к этому относится

#men_bottom {
height:43%;
min-height:270px;
overflow:hidden;
width:330px;
position:fixed;
bottom:0px;
background-image:url(images/variant2.png);

}

#men ul{
overflow:hidden;
 list-style-type:none;
 width:300px;
 text-align:justify;
 display: inline-block;
 padding:0;
 margin: 0 auto;
 position:inherit;
 margin-left:70px;
 z-index:99999;
}

#men ul li{
 text-align:justify;
 display: inline-block;

 width:41px;
 margin: 0px auto;
 margin-left:2px;
 font-family:Verdana, Geneva, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#000;
 text-decoration:none;
}

#men ul li a{
 text-align:justify;
 display: inline-block;
 padding: 0px;
 width:41px;
 margin: 0 auto;

}

/*niz-kitay*/
#men_bottom ul{
 list-style-type:none;
 width:300px;
 text-align:justify;
 display: inline-block;
 padding:0;
 overflow:hidden;
 margin: 2px auto;
 z-index:999;
 table-layout:fixed;
 margin-left:70px;
 position:absolute;

bottom:0px;

}

#men_bottom ul li{

 text-align:justify;
 display: inline-block;
 padding-top: 0px;
 width:41px;
 margin: 0px auto;
 margin-left:2px;
 font-family:Verdana, Geneva, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#000;
 text-decoration:none;

}

#men_bottom ul li a{
 text-align:justify;
 display: inline-block;
 padding: 0px;
 width:41px;
 margin: 0 auto;

}

.floater{
position:fixed;
top:0px;
z-index:999;
width:330px;
height:100%;
min-height:550px;
margin:0 auto;
border-top:none;
color:#ccc;
display:inline-block;
margin-left:100px;
margin-right:100px;
float:left;

}
/*menu*/
A.rollover {
 background: url('images/leck_glav.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover:hover {
 background: url('images/leck.gif'); /* Путь к файлу с заменяемым рисунком */

}
A.rollover1 {
 background: url('images/leck_usl.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover1:hover {
 background: url('images/leck_usl_hover.gif'); /* Путь к файлу с заменяемым рисунком */

}
A.rollover2 {
 background: url('images/leck_cena.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover2:hover {
 background: url('images/leck_cena_hover.gif'); /* Путь к файлу с заменяемым рисунком */

}

A.rollover3 {
 background: url('images/leck_o_nas_hover.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover3:hover {
 background: url('images/leck_o_nas.gif'); /* Путь к файлу с заменяемым рисунком */

}

A.rollover4 {
 background: url('images/leck_contacts.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover4:hover {
 background: url('images/leck_contacts_hover.gif'); /* Путь к файлу с заменяемым рисунком */

}

A.rollover5 {
 background: url('images/leck_works.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover5:hover {
 background: url('images/leck_works_hover.gif'); /* Путь к файлу с заменяемым рисунком */

}

A.rollover6 {
 background: url('images/leck_otz_hover.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover6:hover {
 background: url('images/leck_otz.gif'); /* Путь к файлу с заменяемым рисунком */

}

A.rollover7 {
 background: url('images/leck_frend.gif'); /* Путь к файлу с исходным рисунком */

 display: block; /* Рисунок как блочный элемент */
 width: 41px; /* Ширина рисунка */
 height: 200px; /* Высота рисунка */

}

A.rollover7:hover {
 background: url('images/leck_frend_hover.gif'); /* Путь к файлу с заменяемым рисунком */

}
/*menu*/

Edited March 31, 2012 by terminotor

[K313]

скорее всего проблема из-за применения z-Index

[terminotor]

скорее всего проблема из-за применения z-Index

Игрался я с z-indexam и, но ничего не помогает, да и если бы в них была проблема, то почему он начинает видеть ссылки при прокрутке?

[K313]

у меня вот например меню раскрывается, а потом при сворачивании остаются следы от каждого шага анимации меню. Всё что пока придумал - это перемещать блок находящийся под меню на пару пикселей и назад чтоб он перерисовывался в то время как меню сворацивается, тогда и следы пропадают.

[terminotor]

у меня вот например меню раскрывается, а потом при сворачивании остаются следы от каждого шага анимации меню. Всё что пока придумал - это перемещать блок находящийся под меню на пару пикселей и назад чтоб он перерисовывался в то время как меню сворацивается, тогда и следы пропадают.

Кстати, под меню никакого блока нет больше, там стоит бэкграунд длинный. И, да, совсем убрал все z-index, результат тот же, блин

[K313]

я про своё меню говорил...

если твоё после загрузки js-том или animate на пиксель сдвинуть может тоже появиться?

[terminotor]

я про своё меню говорил...

если твоё после загрузки js-том или animate на пиксель сдвинуть может тоже появиться?

Ясно.

Так в том то и дело, что нету уже ни js ни animate, все на чистом css держится

Ну а насчет пикселя-попробуем, чем черт не шутит

Пиксели не помогают, результат тот же

Edited March 31, 2012 by terminotor

[terminotor]

Все решилось неожиданно! Оказывается надо было всего лишь перенести всю эту конструкцию из начала документа в конец, перед закрывающим тегом </body> и присвоить z-index: 1000; Вот и все, спасибо всем за участие!