simple problem_ site check

I can not seem to get my site map | contact | FAQ buttons lined up correctly. i am just using a class Id and links. I do not understand why the links get moved to a line below...

Any critique on this and the site would be helpful.

http://www.whatsnewonline.com/caribbeanorganics.htm

thanks,
zak

CSS code for links:

.g {
font-size: 10px;
color: #006600;
text-decoration: none;
font-weight: 600;
background-color: #CCCC99;

}

.g a {
font-size: 10px;
color: #006600;
text-decoration: none;
font-weight: 600;
background-color: #CCCC99;

}
.g a:visited {
font-size: 10px;
text-decoration: none;
color: #006600;
background-color: #CCCC99;
}
.g a:hover {
font-size: 10px;
color: #006600;
text-decoration: underline;
background-color: #CCCC99;
}

.g a:active {
text-decoration: none;
background-color: #CCCC99;
}

HTML

<td align="right" bgcolor="#CCCC99" width="20%"><div class="g"><a href="/contact.htm">Contact</a>&nbsp;|&nbsp;
<a href="/Site Map.htm">Site Map</a>&nbsp;|&nbsp;
<a href="/faq.htm">FAQ</a>&nbsp;</div> </td>