In pratica se passo col mouse sopra un link in #menu IE mi fa sobbalzare la pagina. come ovviare? :master:codice:body { margin: 0; padding: 10%; background: #ffffe5; color: #000; font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif; } #corpo { width: 100%; margin: 0; padding: 0; background: transparent; color: #000; } #intestazione { width: 100%; margin: 0; padding: 0; background: #c00000; color: #fff; border: 2px solid #000; } #intestazione h1 { font: 250% Georgia, serif; margin: 0; padding: 1em; text-align: center; text-transform: uppercase; } #testo { width: 100%; margin: 0; padding: 0; background: #f8f8ee; color: #000; border-right: 2px solid #000; border-left: 2px solid #000; border-bottom: 2px solid #000; border-top: none; } #testo h2, #testo h3, #testo p { margin: 0 1em; padding: 1em 0 1em 0; } #testo h2, #testo h3 { color: #900000; background: transparent; font-family: Georgia, serif; border-bottom: 1px dashed #900000; } #testo h2 { font-size: 140%; } #testo h3 { font-size: 120%; } #testo p { line-height: 1.5em; } #testo h1 { text-align: center; margin: 0 1em; padding: 1em 0 1em 0; background: #ffc; color: #008; font: bold 160% Arial, Helvetica, sans-serif; border-bottom: 1px dashed #008; border-left: 1px dashed #008; border-right: 1px dashed #008; border-top: none; text-transform: uppercase; } .nota { font-weight: bold; color: #900000; background: transparent; margin-right: 2px; } .jim { float: left; width: 179px; height: 130px; margin-right: 8px; margin-bottom: 5px; padding: 0; display: block; border: 1px solid #000; } .logo { float: left; width: 83px; height: 124px; margin-right: 8px; margin-bottom: 5px; padding: 0; display: block; border: 1px solid #000; } #footer { width: 100%; background: #c00000; color: #fff; margin: 0; padding: 0; border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; border-top: none; } #menu { margin: 0; padding: 0; list-style: none; height: 2em; } #menu li { float: left; } #menu a { float: left; height: 2em; line-height: 2em; padding: 0 0.7em; text-decoration: none; white-space: nowrap; background: #c00000; color: #fff; font-weight: bold; } #menu a:hover { color: #ffc; background: #000; }
Il menu è contenuto nel footer.


Rispondi quotando