.subnav          { font-size: 10px; padding: 2px; border: solid 1px #666 }
.subnav ul       { background-color: #eee; text-align: left; list-style-type: none; margin: 0px; padding: 0px; height: auto }
.subnav li      { background: url(../images/bkg_nav.gif) repeat-x; list-style-type: none; margin: 0px; padding: 0px }
/*

To make the links active for the full width of the DIV, I made them display: block;.
This works for everything but IE/Windows. If you give the block an explicit width of 
100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and 
Netscape/Mozilla. So I used the child selectorÒ>Ó to redefine the width to auto. 
Since IE/Windows doesnÕt understand child selectors, it ignores the rule. IE5/Mac, 
Opera and Netscape/Mozilla follow the rule, and everyone is happy.

*/
.subnav li a          { color: #696969; font-weight: normal; text-decoration: none; background: url(../images/icons/nav_triangle.gif) no-repeat 2px 5px; list-style-type: none; margin: 0px; padding: 2px 6px 2px 10px; border-style: none none solid none; border-width: 1px; border-color: gray gray silver gray; width: 100%; display: block }
html>body .subnav li a  { font-weight: normal; text-decoration: none; width: auto }
.subnav li a:hover       { color: white; font-weight: normal; text-decoration: none; background: #b2364a url(../images/icons/nav_triangle-over.gif) no-repeat 2px 5px; list-style-type: none; margin: 0px; display: block }
.subnav a:visited   { color: #696969; font-weight: normal; margin: 0px }
.subnav h1 a:link   { color: white; font-weight: normal; text-decoration: none; display: block }
.subnav h1 a:hover   { color: white; font-weight: normal; text-decoration: underline; display: block }
.subnav h1 a:visited   { color: white; font-weight: normal; text-decoration: none }