CSS and linking

Links active only at bottom of text

[mrdarius]

I have a set of links that are on the top of all the pages in my website. i removed the underline and used the hover tag to change the link color when it is hovered over.

For some reason I can't figure out, the link only changes color and becomes active when the mouse hovers over the very bottom of the text. This only happens on one page out of several, and as far as I can tell, the only difference is that the one it doesn't work on has LI class tags.

HELP!

Thanks in advance,
Darius

[pageoneresults]

Hello mrdarius, Welcome to WebmasterWorld!

<edited>I just reread your post, my response was not related.</edit>

But welcome anyway!

What does the li.class look like? Do you have margins or padding specified?

[mrdarius]

Here is what LI.a looks like (there are similar b and c as well):

LI.a{list-style: circle; background: #00A5C6; color: blacK; font-weight: normal}

The strangest part for me, which I forgot to mention earlier, is that other links on the very same page work properly. The only links that this is happening to are links that belong to the following class:

p.toplinks{position:absolute; left: 40px; color:white; z-index:-2; background:#31B5D6; font-size:1.1em; font-weight:bold; font-family:"courier new" }

and even then, it only happens on one page, even though the coding is identical on all the pages less the LI.a.

[mrdarius]

It works when I get rid of the list class, but i would still like to include list items on the page. is there some css protocol i might be missing out on here?

[pageoneresults]

Just for testing purposes, take this...

LI.a{list-style: circle; background: #00A5C6; color: blacK; font-weight: normal}

and trim it down to this...

li.a{color:#000;background:#00a5c6;}

No need for those other attributes. The default li is a disc and the default font weight is normal.

[grahamstewart]

li.a

means "any list item of the class a".

I'm pretty sure you want

li a

which "means any anchor (a) that is contained within a list item (li)".

Also you should always use lower case for your css and html tags. I have heard that some browsers get confused by mixed case.