Try this:
Code:
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="HeadRightBox">
<a href="/">Home</a> |
<a href="/help.php?section=contactus&mode=update">Contact Us</a> |
<a href="/Pricing-amp-Shipping-sp-3.html">Pricing & Shipping</a> |
<a target="_blank" href="/Pricelist.pdf">Current Pricelist</a> |
<a href="/Order-Catalog-sp-6.html">Printed
Catalog</a><br />
<a href="/Hoosier-Cabinet-Book-sp-5.html">Hoosier Cabinets Book</a> |
<a href="/Hoosier-Parts-sp-8.html">Hoosier Cabinet Parts</a> |
<a href="/Hoosier-Cabinet-Plans-sp-9.html">Hoosier Cabinet Plans</a><br />
<a href="/Wholesale-Package-sp-7.html">Wholesale Package</a> |
<a href="/Monthly-Special-sp-11.html">Monthly Specials</a></td>
</tr>
</table>
A few big concepts:
1. do not use
http://www/kennedyhardware.com/ on every link -- relative links will work fine and are always better;
2. for your pipe separator: " | " guarantees a space before and after;
3. in xhtml, there is no "<br>" -- it is now self closing, and must be: "<br />
4. Since you're using a CSS class, no need for <font> tags anywhere.
5. If you want the "|" to be a different color or style, you should use a <span class="classname"> -- such as:
Code:
<span class="menupipecolor"> | </span>
in place of
and of course, make a new class,
.menupipecolor { color: #FFFFFF; }
OK? Try this...
I'm not sure your "BACKGROUND-IMAGE:
http://www.kennedyhardware.com/skin1/images/headback.jpg
will do anything... what are you trying to accomplish with this?
Please report back.