Не выделяется текст в Firefox и Chrome

[Dolfik]

Не получается выделить текст в Firefox и Chrome, в IE и Opera все нормально, связано это как я понял с z-index, если убрать их то текст выделяется, но тогда вертикальное меню уходит под блок, как исправить можно? Сдела бы фитчей, но не ссылки не кнопки не выделяются)

jsfiddle

Еще баг появился, на этот раз только в мозиле, добавил свой шрифт, на главной странице все отлично отображается, на другой стандартным шрифтом текст делается. Код:

CSS

@font-face {
    font-family: Fixedsys;
    src: url(font/Fixedsys.ttf);
}
#left_top_text_1 {
    text-align:center;
    color:#c8c8c8;
    font-family:Fixedsys;
    margin-left:40px;
    margin-top:-24px;
    position:absolute;
}
#msgb_left {
    float:left;
    margin-left:101px;
    margin-top:-25px;
    width:20px;
    height:18px;
    border-radius:5px;
    background:#000000;
    font-family:Fixedsys;
    text-align: center;
    opacity:0.81;
    color:#c8c8c8;
    text-align:center;
    padding-top:2px;
}

HTML

<div id="left_top_text_1">admin |<tb>| Выход</div><div id="msgb_left">3</div>

Edited May 29, 2013 by Dolfik
Портянки кода сдесь постить не надо, сделайте пример на jsfiddle

[klierik]

Рабочий день закончился и все телепаты ушли домой.

[Dolfik]

Рабочий день закончился и все телепаты ушли домой.

Код удалили, добавил

[klierik]

#main_two_block {

opacity: 0.95;

z-index:-1;

float:right;

margin-left: 2px;

margin-top: 2px;

width:730px;

height:816px;

background: #242525;

border-radius:5px;

border: 2px solid #c8c8c8;

-webkit-border-radius:5px;

-moz-border-radius:5px;

-khtml-border-radius:5px;

position:relative;

}

проблема в -1

[Dolfik]

#main_two_block {

opacity: 0.95;

z-index:-1;

float:right;

margin-left: 2px;

margin-top: 2px;

width:730px;

height:816px;

background: #242525;

border-radius:5px;

border: 2px solid #c8c8c8;

-webkit-border-radius:5px;

-moz-border-radius:5px;

-khtml-border-radius:5px;

position:relative;

}

проблема в -1