Round Corners Question

[johnstires]

I am trying to create a header with rounded corners and I'm having a couple of problems.

http://www.prenatalyogacenter.com/fo...play.php?f=128

First, I can figure out how to get rid of the white border around the td. The only way to do it is to set the inner border to 0, which changes things globally. I do not want to do that. Also, I can't get my td height to match up with my rounded corner image. It matches in IE if I use the thead class, but I want to use my own class "nhead". This nhead is exactly the same as my thead, but when I change the class, the td gets taller. Here's what I have.

I created my own style with the following properties:

/* ***** Navigation Head*/

.nhead {
background:#4C1A79 url(/forums/images/custom/gradient_thead.gif) repeat-x scroll left top;
color:#FFFFFF;
font-family:arial,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
.nhead a:link, .thead_alink {
color:#FFFFFF;
}
.nhead a:visited, .thead_avisited {
color:#FFFFFF;
}
.nhead a:hover, .thead a:active, .thead_ahover {
color:#FFFFCC;
}

Here is the code I am using:

tr>

<td class="nhead"><span class="smallfont">

<b>Navigation</a></b></span>


</td>
<td width="9" height="22" align="left" style="padding: 0;"><img src="$stylevar[imgdir_misc]/nav_right.gif" width="9" height="22" border="0" alt="" /></td>
	
</tr>

When you look at my page you see the "Navigation" is taller than the "Community" because it is nhead class instead of thead class. What am I doing wrong?

[manic000]

your best bet would be not using tables for the menu, using nested divs instead..