Link não funciona no Firefox

[Victor Hugo Marques]

Nossa mais que coisa chata esta acontecendo, é o seguinte.

estou criando um menu principal de um site horizontal, em cada palavra há um link, no IE funciona normalmente, já no FF não esta funcionando o link de jeito nem um, olha o codigo

CSS:

/* Overall Setup */         
        a, a:link, a:visited, a:active {
            text-decoration: none;
            color: #FFF;
        }
        
        ul {
            list-style: none;
        }

/* Scope Page */
        body {
            background-image: url(../img/background.png);
            background-repeat: repeat;
            background-color: #202020;
            text-align: center;
            padding: 0;
            margin:  0;
        }        
        
        .scope {
            position:   relative;
            margin-bottom: -75px;
            margin-top:    -75px;
            margin-left:    auto;
            margin-right:   auto;
            height: 1000px;
            width:  850px;
            text-align: left;
            border-color: #999;
            border-width: 1px;
            border-style: dotted;
        }
        
/* Header */         
        #log_block {
            width:  850px;
            height: 175px;
            border-width: 1px;
            border-color: #009;
            border-style: dotted;
        }
        
/* Navigation */
        #nav_div {
            background-image: url(../img/background_main_menu%20copy.png);
            background-repeat: repeat;
            background-color: #ab080b;
            position: relative;
            overflow: hidden;
            margin: 0 auto;
            height: 75px;
            width: 900px;
            border-color: #999;
            border-width: 1px;
            border-style: dotted;
        }
        
        ul.nav {
            margin:  0 auto;
            padding: 0;    
        }
        
        li.nav_txt {
            text-transform: uppercase;
            vertical-align: -160%;
            font-size: 12px;
            display:   inline;
            margin:    15px;
            font:      arial;
        }

HTML:

<div id="nav_div">
            <ul class="nav">
                <li class="nav_txt"><a href="#">NGN</a></li>
                <li class="nav_txt"><a href="#">Engenharia</a></li>
                <li class="nav_txt"><a href="#">Arquitetura</a></li>
                <li class="nav_txt"><a href="#">Profissional</a></li>
                <li class="nav_txt"><a href="#">Escritório</a></li>
                <li class="nav_txt"><a href="#">FALE CONOSCO</a></li>
                <li class="nav_txt"><a href="#">ÁREA DO CLIENTE</a></li>
            </ul>
        </div>
        <div class="scope">

Ta acontecendo essa imcompatibilidade entre os navegadores ae, se alguém souber ajudar muito obrigado !

[Markus Magnus]

Também não funciona no chromiun, o problema é que a div com classe escope tem uma propriedade "margin-top: -75px" que ta fazendo com que essa div sobre ponha a div do menu é só tirar essa linha do css que os links funcionam normalmente tanto no chromiun, google chrome e firefox.

[Victor Hugo Marques]

Po cara vlw, consegui aqui só que eu fiz assim:

.scope {
            margin: 0 auto;
            margin-bottom: -75px;
            margin-top:    -75px;
            height: 1000px;
            width:  850px;
            text-align: left;
            border-width: 1px;
            border-color: #FFF;
            border-style: dotted;
        }

Ai deu certo !

vlw,abraço