[CSS] Più corretto è pulito!

Salve, ho due colonne di menù con float left e right, larghe 148px, contenenti parecchi link.

Attualemente il codice è questo:

li.link {
width: 148px;
height: 18px;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: inline;
list-style: none;
list-style-type: none;
}

a.menu {
height: 18px;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-decoration: none; 
font-family: "Lucida Blackletter", Georgia, serif;
font-size: 10pt;
background: url('/sfondo_link.gif') no-repeat top;
display: block;
}

a.menu:link    {
color: #FFFFFF;
}

a.menu:visited {
color: #B9C0BC;
}

a.menu:hover {
color: #FF0000; 
font-size: 11pt;
background: url('sfondo_link.gif') no-repeat 0 -18px;
}

Funziona molto bene, ma concetualemente ritengo quel display: inline; dei li sbagliato. Questo codicee funge peggio, ma credo sia più corretto, ditemi voi quale scegliere o propronemente un altro, ringrazio in anticipo:

li.link {
width: 148px;
height: 18px;
background: url('/sfondo_link.gif') no-repeat top;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
list-style: none;
list-style-type: none;
}

a.menu {
height: auto!important;
padding: 0 0 0 0;
}

a.menu:link    {
text-decoration: none; 
font-family: "Lucida Blackletter", Georgia, serif; 
Color: #FFFFFF; 
font-size: 10pt;
}

a.menu:visited {
text-decoration: none; 
font-family: "Lucida Blackletter", Georgia, serif; 
Color: #B9C0BC; 
font-size: 10pt;
}

a.menu:hover {
text-decoration: none; 
font-family: "Lucida Blackletter", Georgia, serif; 
Color: #FF0000; 
font-size: 11pt;
background: url('sfondo_link.gif') no-repeat 0 -18px;
display: block;
}

Grazie ancora!

[webpaul]

giusto per fare un pò di pulizia ti consiglio di sostituire questo:

margin:0 0 0 0;
padding:0 0 0 0;

con questo:

margin:0;
padding:0;

se riesci anzichè ripetere istruzioni uguali per diversi elementi, scrivile una volta sola per tutti. Esempio - anzichè scrivere:

li.link {
margin:0 0 0 0;
padding:0 0 0 0;
}
a.menu {
margin:0 0 0 0;
padding:0 0 0 0;
}

scrivi così

li.link, a.menu {
margin:0;
padding:0;
}