Menu que se atropela no FF
Boa noite,
Fiz um menu usando <ul> e <li>, vertical (além de um horizontal) para um layout. Assustadoramente, tudo no IE está perfeito, porém, no Firefox, o menu da esquerda, que deveria ser vertical, se atropela, fica uma bagunça... alguém tem idéia do motivo?
Aqui está o layout:
Aqui o CSS:
/ CSS Document /body { margin-top: 0px; margin-bottom: 0px; text-align: center; / hack pro IE /}p { margin-top: 0px; margin-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left;}#geral { width: 750px; margin: 0 auto; border-right: 1px groove #B2BCA3; border-left: 1px groove #B2BCA3; text-align: left; /hack pro IE/}#menutopo { text-align: center; width: 750px; background-color:#B2BCA3;}#menutopo ul { padding:0px; margin:0px; width: 750px; background-color:#B2BCA3; list-style: none; text-align: center;}#menutopo ul li { display: inline;}#menutopo ul li a { padding: 2px 12px; float:left; background-color:#B2BCA3; text-decoration: none; border-bottom:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; border-right: 1px solid #006600; border-lef: 1px solid #006600; color: #000000;}#menutopo ul li a:hover { background-color:#006600; font-color: #000000; color: #000000;}#topo { clear: both;; margin-top: 0px; margin-left: 0px; border: 0px; background-color:#B2BCA3;}.imagemdotopo{ margin-top: 0px; margin-left: 0px;}#esquerda { width:150px; float: left; margin-top: 0px;}#esquerda ul { padding:0px; margin-left: 2px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; background-color:#FFFFFF; list-style: none; text-align: left;}#esquerda ul li a { padding: 0px; margin-left: 2px; float:left; background-color:#FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #006600;}#esquerda ul li a:hover { background-color:#FFFFFF; font-color: #006600; color: #000000;}.titulodosmenus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-color: #006600; text-decoration: none; background-color: #B2BCA3; color: #006600; text-align: center;}#direita { width:150px; float: right;}.fundosdodireito { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-color: #006600; text-decoration: none; background-color: #DDE1D7; color: #006600; text-align: center; margin-bottom: 5px;}.fundoparceiros { background-color: #000000; align: center; text-align: center;}.botoesparceiros-capa { text-align: center; border: 0px; margin-top: 2px; margin-bottom: 0px; margin-left: 27px;}#conteudo { width: 442px; margin-left: 151px;}h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #006600; margin-top: 0px; margin-bottom: 0px;}.destaque-imagem { align: left; margin-top: 0px; margin-left: 0px; margin-right: 5px; margin-bottom: 3px; float: left;}#rodape { widht: 750px; clear: both; background-color:#B2BCA3; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
Agradeço desde já ^_^
Discussão (6)
Carregando comentários...