Problema com html e css

Arthurcolt · 14 de fevereiro de 2016

Estou com um problema que quando fico atualizando a pag fica dando resultados diferentes, as vezes da o resultado de parte de cima da img e as vezes a parte de baixo

Html:

<!DOCTYPE html>

<html>
    <head>
        <title>Vamos Aprender HTML/CSS</title>
        <meta charset="utf-8" />
        <link type="text/css" rel="stylesheet" href="Normalize.css" />
        <link type="text/css" rel="stylesheet" href="Type 1.css" />
    </head>
    
    <body>
        <div id="geral">
            <div id="nav">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Tutoriais</a>
                        <ul>
                            <li><a href="#">Programas</a></li>
                            <li><a href="#">Internet</a></li>
                            <li><a href="#">Vídeos</a></li>
                            <li><a href="#">Acessibilidade</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Programação</a>
                        <ul>
                           <li><a href="#">HTML</a></li>
                           <li><a href="#">CSS</a></li>
                           <li><a href="#">JavaScript</a></li>
                           <li><a href="#">PHP</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Fale Conosco</a></li>
                </ul>
            </div>
        </div>        
    </body>
</html>

Css:


#geral {background:#ccc; width:95%; height:100; margin:0 auto}

#nav {float:left; }

#nav ul {font: 20px arial; list-style:none; margin:0; padding:0; }

#nav ul li {float:left; position:relative; display:block; }

#nav ul li a {color:#555; background:#FFF; text-decoration:none; margin:0 1px; padding:15px 20px; border-top:1px solid #555; display:block; }

#nav li ul {display:none }

#nav ul li a:hover {background:#066;color:#fff; }

#nav li:hover ul {display:block; position:relative; }

#nav li:hover li {float:none; font-size:12px }

#nav li:hover a {background:#333;color:#fff; }

#nav li:hover li a:hover{ background:#222; }

DiF · 14 de fevereiro de 2016

@Arthurcolt Seria interessante postar o que esta tentando fazer e o erro que está dando.. usar prints para mostrar melhor o erro... sem isso fica meio difícil ajudar.

Qual o resultado que é esperado?