I am having a few issues with my menu on hover. I want the hover effect to be over the entire block leaving no space in between the white lines.(looking at FF and IE 6.0 PC)
you can see what I mean in you go here :http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm and hover over the top menu (home, company team, contact etc.) the CSS in question is: /*begin main navigation */ * html div#mainnav {/*targets IE only*/ padding-bottom:.5em; } div#mainnav { background-color: #363; padding:0; margin-top:2em; float:left; width:760px; } * html div#mainnav ul {/*targets IE only*/ line-height:2.5em; } div#mainnav ul { text-align: center; margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */ margin-left: 0; background-color: #363; color: #fff; font-family:arial,helvetica,sans-serif; display:inline; line-height:1em; list-style-type:none; float:left; padding-left:11em; padding-top:1em; /* fixes Firefox 0.9.3 */ } div#mainnav ul li { display: inline; margin:0; padding:0; } div#mainnav ul li.border_right{ background: transparent url(/test/images/border.gif) right no-repeat; padding:1em 1em 1.5em 0; } div#mainnav ul li a { padding:.5em .5em 1.5em 1.5em; color: #fff; text-decoration: none; font-weight:bold; } div#mainnav ul li a:hover { background-color: #9bb58f; color:#363; } #active a { border-left: 1px solid #fff; } -- ::Bruce:: ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
