> I didn't give the correct URL...
> Sorry, thanks!
> On 1/9/06, Pringle, Ron [EMAIL-REMOVED]> 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.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/