On Jun 10, 2005, at 4:07 PM, Smith, Sarah wrote:
#menu li { margin: 0; padding: 0; border-bottom: 1px solid #000; }
.last { border-bottom: 0 none !important; }
#menu a {
text-decoration: none;
color: #006;
display: block;
width: auto;
padding: 3px 5px;
_width: 230px;
}
Sarah, it doesn't have to do with the fact that the second last item
wraps, at least it shouldn't, it has to do with the ".last" class.
Try specifying the link property of the "last" class the same as the
#menu a class like so:
#menu a {
text-decoration: none;
color: #006;
display: block;
width: auto;
padding: 3px 5px;
_width: 230px;
}
#menu li.last a {
text-decoration: none;
color: #006;
display: block;
width: auto;
padding: 3px 5px;
_width: 230px;
}
Basically, the browser is reading all of the styles and because you
defined the last list item as last it's looking for the definition
for links in the last class. Because it can't find any definitions it
resorts to default behavior, just hover over the text.
HTH,
Mike Stickel
Screenflicker Developments
www.screenflicker.com
p: 403-923-7667
e: [EMAIL PROTECTED]
______________________________________________________________________
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/