Tekin Suleyman wrote:
Hi. should be a simple one for someone who knows what they're doing -
http://www.boxivity.co.uk/test/main-template.html
for some reason, the sub list disappears when the mouse hovers over the
border between the list elements (which also appears to be rendering
behind the main image over which the list is displayed in firefox!?)
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
Ray
*BaliCamp*
______________________________________________________________________
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/
