HTML - CSS - Linea divisoria tra un tr ed un altro tr

[blasto]

Ciao raga!!
ho un problema.

Allora ho questo codice html

<tr class="lineaGialla">

<td height="20" align="center" style="background-color: #FFF;">

Salva</td>

<td align="center" style="background-color: #FFF;">

Regala

</td>

<tr>

<td height="36" colspan="2" class="testoPrezzo">Caparezza - Sono fuori dal tunnel (X,xx &euro</td>

</tr>

Vorrei che sotto "Salva" e "Regala" ci sia un linea gialla alta 3px e lunga quanto la larghezza della tabella che contiene i vari td e tr.
Findo ad ora non sono riescito a visualizzare questa linea.

Le classi css che utilizzo sono le seguenti:

.lineaGialla
{
background-color: #FFCC00;
padding: 0px 0px 3px 0px;
}

a.salva
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: underline;
padding-left: 2px;

}

a.regala
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: underline;
padding-left: 2px;
}

.testoPrezzo
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
vertical-align: 3%;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 2px;
margin-left: 5px;

}

Non posso utilizzare immagini per visualizzare questa linea gialla quindi la linea deve venire fuori utilizzando esclusivamente codice html e css.

Spero di essermi spiegato bene.

Aspetto vostri suggerimenti.
Saluti.
Blasto.

[Federix]

Prova con:

.lineaGialla
{
background-color: #FFCC00;
padding: 0px 0px 3px 0px;
border-bottom: 3px solid #FFCC00;
}