I thought that over-riding the list-style rule in the a:hover class
for the #navleft li selector would work because of specificity.

I was trying to figure out how I've done this in the past, for some
reason I could not recall the fact that I normally apply the image to
the background as you have suggested... at least that's what I think
I've done.

I was aware of the problems IE has with applying a fixed position to
background images that are not on the body of the document, but I
wasn't aware of a problem with applying an background image to a link.

Thanks, I think you are nudging me in the right direction.

-Aaron

On 1/9/06, Pringle, Ron <[EMAIL PROTECTED]> wrote:
>
> > I didn't give the correct URL...
> >
> > http://csufresno.edu/friendsofce/index-1.php
> >
> > Sorry, thanks!
> >
> > On 1/9/06, Pringle, Ron <[EMAIL PROTECTED]> wrote:
> > >
> > > > I just designed the barbones of a site layout
> > > > (http://csufresno.edu/friendsofce/) and I am having two
> > problems. I
> > > > will focus on one problem in this thread.
> > > >
> > > > In I.E. the little triangluar image is reavealed next to the links
> > > > when hovered over, but not in Fire Fox. The image is way
> > to the far
> > > > left in IE, but I would like it flush against the left of
> > the link.
> > > > Could somebody give me a hand?
> > > >
> > > > The page is http://csufresno.edu/friendsofce/
> > > >
> > > > Thanks,
> > > > Aaron
>
> CCing this to the list, since I'm sure you intended the correct url for 
> everyone :-)
>
> My guess is that your list-style: none is being adhered to by Firefox and 
> that IE ignores it upon seeing that you assigned a list-style on hover.
>
> You declare list-style: none in the #navleft li, so I believe Firefox is 
> correct in not applying the list-style-image rule, since the list-style is 
> inherited.
>
> I can't think of a way of rescinding the "none" declaration either. You could 
> try explicitly setting list-style to "disc" which is its default value, on 
> the #navleft li a:hover rule.
>
> Or you could not set list-style at all, and link to a blank image and add 
> list-style-image to the #navleft li rule.
>
> Possibly a better alternative would be to keep the list-style set to none and 
> simply show a background image on hover instead. That will ultimately allow 
> you more flexibility in positioning the image and its size. However, I 
> believe there are problems with image flickering (and workarounds) on hover 
> with IE.
>
> Hope that helps. Perhaps other members will be able to provide you with 
> better ideas.
>
> Regards,
> Ron
>
______________________________________________________________________
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