comment dépenser lien zone-frappé en utilisant le code css

Question

J'ai un site construit dans Joomla J'ai un problème avec mes liens de sous-menu, Je veux dépenser la zone de frappe en utilisant css (comme cette option en un éclair bouton) Est-ce possible? ceci est mon code maintenant: (collection est le bouton principal qui ouvre sous-menu avec les liens que je vais avoir problème)

#collections { 
display:block; 
margin:20px 0 180px 30px; 
} 
#collections ul { 
margin: 0; 

list-style:none; 
} 
#collections ul li{ 
display:inline; 
padding: 0 10px 0 0; 
font-size: 13px; 
color: #6cabe7; 

} 
#collections ul.menu li a span{ 
color: #543019; 
} 
#collections ul.menu li.active a span{ 
color: #6cabe7; 
} 
#collections ul li a:link, #collections ul li a:visited { 
color: #6cabe7; 
text-decoration:none; 
} 
#collections ul li a:hover { 
color: #6cabe7; 
} 
#collections .moduletable h3 { 
color: #6cabe7; 
font-size:16px; 
margin-bottom:9px; 
} 

Que faire? merci :)

Answer 1

Réponse plutôt télépathique.

collections ul.menu li a {padding:10px;} 

EDIT

Dans votre cas problème "fading" peut être résolu avec

collections ul.menu li a {position:relative;z-index:99} 

Mais il est rapide et sale. Il est préférable de déboguer pourquoi cela arrive.