Elemento assoluto che eredita la larghezza del genitore relativo

Question

Sto provando a posizionare una sfumatura su un collegamento di ancoraggio inline/inline-block, e avere quel gradiente ereditare la larghezza dell'ancor parent. Il problema è che lo span eredita l'intera larghezza del padre dell'ancora o solo la larghezza dello & nbsp ;. Non riesco a ottenere l'elemento span per ereditare correttamente la larghezza mantenendo la visualizzazione in linea delle ancore.

CSS

a { width: auto; display: inline-block; } 

a span { background: url(../images/fade_h1.png); width: 100%; height: 12px; position: absolute; display: block; z-index: 3; } 

HTML

<a href="index.php"><span>&nbsp;</span>Index</a> 

Answer 1

non può essere fatto con position: absolute per quanto posso vedere.

non sono sicuro se questo vi servirà, ma come di dare il aposition: relative e la a span

left: 0px; 
right: 0px; 
top: 0px; 
bottom: 0px; 

?