Good grief - there's alot of CSS in that stylesheet! It's MUCH too complex
for this simple page. When I see a stylesheet that is filled with custom
classes, I know that the creator of it has not yet mastered the concept of
the CASCADE (as in CSS).
Also, you'll have much better luck with your page if you remove that doctype
and replace it with one that is both valid and complete. Unfortunately, FP
gets this wrong - it should be this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
rather than just this -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
(this latter DTD will throw IE into quirks mode instead of the desired
standards mode)
Here is an example from your page -
<table border="0" width="100%" cellspacing="0" cellpadding="1"
class="infoBox">
<tr>
<td><table border="0" width="100%" cellspacing="0" cellpadding="3"
class="infoBoxContents">
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%"
height="1"></td>
</tr>
<tr>
<td class="boxText"><a
href="
http://christophersgrinders.com/catalog/index.php?cPath=23"><b>Pizza</b>-></a> (40)<br> <a
href="
http://christophersgrinders.com/catalog/index.php?cPath=23_24">Cheese
Pizza with/without</a> (5)<br> <a
href="
http://christophersgrinders.com/catalog/index.php?cPath=23_36">Cheese
Pizza Half and Half</a> (5)<br> <a href=
---------------
If you had these rules -
table.infoBox a { ... }
table.InfoBox a:hover { ... }
then your menu options would be stylable differently than any other links on
your page that were NOT within that table.