I wish that were my problem, but it isn't. I added the link behaviors to
the .last class and it didn't make a bit of difference. Here's a URL
http://www.tularecountylibrary.org/indexip.html. (I know it's ugly.
We're just testing some things.)

Sarah

-----Original Message-----
From: Mike Stickel [mailto:[EMAIL PROTECTED] 
Sent: Friday, June 10, 2005 4:54 PM
To: Smith, Sarah
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] List word wrap interferes with a:hover in IE

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/

Reply via email to