Originariamente inviato da gengix
Abituati a postare il codice che fai, altrimenti diventa difficile aiutarti.

Ora il motivo per cui accade questo è perchè il link è un elemento inline e quindi l'area di contenuto è definita dal riquadro che genera il font più eventuali margini bordi o padding.

Se vuoi attribuire una larghezza o un'altezza al link devi dargli la proprietà display:block.
si, ma se metto display block all'a:hover, quando ci passo soprai link me li mettea tutta larghezza lasciando sotto gli altri, nsomma brutto e inusabile. Si avete ragione, ecco i codici

index.html

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>



<title>Psykopear's websapce</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
@import url("syle.css");
a#viewcss{color: #00f;font-weight: bold}
</style>


</head><body>
<div id="container">
    <div id="header">
            [img]header.png[/img]

    </div>
    <div id="navigation">
	<ul>[*]Home[*]Sirm2[*]Radio On Shell[*]Download[*]Musica[/list]
    </div>
    <div id="content">
	<iframe src="homepage.html" id="iframe1" frameborder="0" name="iframe1"></iframe>
    </div>
    <div id="footer">Grafica e layout sono liberamente utilizzabili. Per info
        <a href="http://jigsaw.w3.org/css-validator/">
            
        </a>
    </div>
</div>
</body></html>
ed ecco invece il css

codice:
html,body{margin: 0;padding: 0;height: 100%}
body{font-family: arial,sans-serif;font-size: 76%}
div#container{position: relative; width:727px; margin: 0 auto;text-align: left;border-left: 2px solid #2988b9;border-right: 2px solid #2988b9; border-top: 2px solid #2988b9;}

body>div#container{height: auto; min-height: 100%}

/*stili generici, su header e footer*/
div#header{margin: 0 auto; /*padding: 0 auto;*/ color: #ff0; text-align: center}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer{position:absolute; bottom: 0; width: 716px}
div#footer{text-align:center;padding: 0.5em;
    background-color: #2988b9; color: #000}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{background-color:#000000; text-align: center}
div#content{padding: 0 1.5em 5em}
iframe{width: 100%}


/*stili per la navigazione*/

div#navigation ul{display: inline; margin: 0; padding: 0; list-style-type: none;}
/*div#navigation ul:hover{background: #2988b9}*/
div#navigation li{display: inline; margin: 0 0 0 1em; padding: 0} 
div#navigation a{color:#ffffff; font: normal bold 1.2em/2.5em arial,sans-serif; text-decoration: none}
div#navigation a:hover, div#navigation a:focus, div#navigation a:active{color: #fff; background: #2988b9}
div#navigation a#activelink{background: #2988b9;text-decoration: none}