div+link anomalia

Ciao, sto costruendo un menù da mettere nel pagine del sito, però noto un'anomalia a livello visivo ma non capisco dove sbaglio. Uso Firefox.
Ogni casella (div) del menù ha lo stesso codice, ma per alcune il link diventa l'intera casella e per altre solo la scritta! Link -> http://ageofempiresgif.altervista.org/menu.php

Codice PHP:

---

<?
function menu($name,$link,$width=80){
echo '<a href="'.$link.'" style="text-decoration:none;color:blue"><div style="text-align:center;float:left;overflow:hidden;padding:7px 10px;font-size:10pt;margin:auto;border:2px solid black;background:lightgrey;width:'.$width.'px">'.$name.'</div></a>';
}
?>
<?menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");menu("Home page","./index.php");?>

---

Il tuo codice un po'... ehm... originale manda il browser in quirks-mode, e quindi alcuni tag <a> vengono chiusi automaticamente quando inizia un div, creando link senza div, o div senza link.

Dovresti rendere più normale il tuo codice - usa una lista per il menu, usa classi per il css, evita di mettere div (elementi blocco) dentro a (elementi "morbidi" inline). I div non sono necessari, è sufficiente assegnare lo stile ai link.

ora ho sistemato, grazie mille ^^