piccola gif su link

[Scellino02]

Ciao a tutti, sto impazzendo con un gif che devo posizionare su di un link
la gif è una riga colorata in un modo particolare che misura 5px x 300px
Ho la necessità che il tutto funzioni sia con IE che con FF

Il mio link dovrebbe comparire con questa righina(gif) colorata sempre in alto e deve avere un background-color:#FFAB6A;


ho provato a fare così:
A.linkRiga{
background:#FFCC00 url(images/LinkRiga.gif) no-repeat top left;
padding-top:5px;
font-size:11px;
line-height:16px;
}

ma assolutamente non va... poi facendo altre prove, sono riuscito ad avvicinarmi in parte al risultato desiderato ma funziona solo con FF

Mi date una mano, qual'è il modo migliore per ralizzare questa cosa?
è fattibile o devo utilizzare dei div?

Grazie ciao

[fcaldera]

inzia con il dare display: block al link, dovresti vedere l'immagine di sfondo
poi sistemi la laghezza

[Scellino02]

Grazie 1000 per l'aiuto, ho fatto così:
A.linkRiga{
display:block;
width:150px;
background:url(riga.gif) no-repeat top left;
background-color:#FFAB6A;
font-size:11px;
color:#333;
text-decoration:none;
margin-top:0px;
padding-top:6px;
}
A.linkRiga:hover{
color:#666;
}

alla prossima!