estou criando um menu principal horizontal de um site, em cada palavra há um link, no IE funciona normalmente, ja 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 alguem souber ajudar muito obrigado !
Edição feita por: look66, 19/02/2012, 20:56.