Проблем с IE 6 при z-index

[simbata]

Здравейте!

При посочване на първия от проектите в сайта се появява по голяма картинка, позиционирана чрез CSS, като съм и задал по-висок z-index от всичко останало, но в IE 6 пак прави проблем (при FF и Opera всичко е ОК).

 

Тук :

http://www.designer-bg.com/designer/

 

CSS :

http://www.designer-bg.com/designer/style.css

 

Div-a за появяващата се картинка е на 114-ти ред :

#project1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#project1 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0; z-index:10;}
#project1 a.p1:hover .large {display:block; position:absolute; top:-184px; left:-189px; width:300px; height:280px; border:0}

 

 

Как може да се отстрани проблема ?

 

Благодаря предварително!

[tedy]

Ами на пръв поглед което виждам е че имаш два различни div-a с едно и също id и съответен css.

Оправи си тия неща и ще видим нататък

Знаеш, че не е добре повече от един елемент да се идентифицира с id.

 

#project1 a.p1:hover .large {display:block; position:absolute; top:-184px; left:-189px; width:300px; height:280px; border:0}

tuk също е добре да сложиш z-index:10 или подобно да видим дали ще се оправи.

 

По принцип единствената ситуация с объркващи з-индекси съм засичал че се появява с флашове, които винаги седят над всичко останало и в не един от големите сайтове на разни компании менютата им се скриват зад флаш банери. Но и това си има решение, което вече съм забравил, беше с леъри пак нещо.