A few annoying problems

HTML & CSS
1

I got a problem, i dont know what im doing wrong, but my CSS Classes doesn’t take effect at all, if some1 can look at my codes and tell me what is wrong i’d be thankful

css codes

.navi a:link
{
color: #FFFFFF;
background-color: #009933;
font-size: 20px;
border: 5px outset #00FF00;
font-family: sans-serif;
text-decoration: none;
}

.navi a:hover
{
color: #FFFFFF;
background-color: #009933;
font-size: 20px;
border: 5px inset #00FF00;
font-family: sans-serif;
text-decoration: none;
}


.navi a:visited
{ 
color: #FFFFFF;
background-color: #009933;
font-size: 20px;
border: 5px outset #00FF00;
font-family: sans-serif;
text-decoration: none;
}

html Page code

<table align="right" border="0" cellspacing="0" cellpadding="0" width="94&#37;">
<tr><td width="10%"><a class="navi" href="english.htm">English</a></td>
<td width="10%"><a  class="navi" href="aboutus.htm">&#1506;&#1500; &#1492;&#1506;&#1502;&#1493;&#1514;&#1492;</a></td>
<td width="10%"><a class="navi"  href="volunteer.htm">&#1492;&#1514;&#1504;&#1491;&#1489;&#1493;&#1514;</a></td>
<td width="10%"><a class="navi" href="donations.htm">&#1514;&#1512;&#1493;&#1502;&#1493;&#1514;</a></td>
<td width="10%"><a  class="navi"  href="links.htm">&#1511;&#1497;&#1513;&#1493;&#1512;&#1497;&#1501;</a></td>
<td width="10%"><a class="navi" href="gallery.asp">&#1490;&#1500;&#1512;&#1497;&#1492;</a></td>
<td width="10%"><a class="navi" href="cats.asp">&#1488;&#1502;&#1509; &#1495;&#1514;&#1493;&#1500;</a></td>
<td width="10%"><a class="navi"  href="dogs.asp">&#1488;&#1502;&#1509; &#1499;&#1500;&#1489;</a></td>
<td width="10%"><a class="navi"  href="Home.asp">&#1491;&#1507; &#1492;&#1489;&#1497;&#1514;</a></td></tr>
</table>
2

or more simple .navi

3

Your selectors are wrong.

.navi a should be a.navi because .navi is class of a