Thanks, this has solved the problem but has created a new one. Now a gap appears between the list item with the sub list and the next item in IE. I've Spent the morning trying to get rid of this gap but with no success.
Updated page is here: http://www.boxivity.co.uk/test/main-template.html -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ray Mike Troy Pello Sent: 13 September 2005 04:33 To: css-d@lists.css-discuss.org Subject: [Fwd: Re: [css-d] suckerfish issue] I had some problems with this the other day. This happens because the margins between the list items, which did not track the mouse when hovered at it. The quick solution is to have the border on the ul#mainnav li a instead on the ul#mainnav li. This would make the border part of the <a> which can detect mouseovers. ul#mainnav li a { display: block; margin: 0; padding: 4px; padding-top:5px; padding-left:30px; background: #9FCC29 url(/images/menu-star.gif) no-repeat left top; font: bold 11px tahoma, sans-serif, arial; /* If you get an unwanted gap after your a block (IE-Win) try increasing the line height */ color: #071B64; text-decoration: none; width: 131px; /* Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix */ border-bottom: 2px solid #fff; /***** Change is here *****/ } Hope this helps ______________________________________________________________________ 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/