<UL> <LI> List Questions

I'm sure there is a simple answer to my question, but I have a list and I want the last item on the list to be colored orange. How do I do that without making the entire list orange?

I want where it reads overall value to show up orange.


Also, I have a numbered list for my navigation. It looks great in FireFox, but it only shows ones in IE. Here's the CSS for the numbered list:

#listservices li {
list-style-type:decimal;
height:17px;
margin:5px 0;
margin-left:10px;
font-size:1.2em;
padding:2px 0 0 20px;

}

You can see what I'm working on here:

http://nerdysetups.com/manny/muscle_gain_truths.html

 

For the color change, add a class or ID name to the list item, and style it orange.

<ul>
  <li>text</li>
  <li  class="last">text</li>
</ul>
===========
li.last {
  color: orange;
  }

Code (markup):

On the other, that should be an <ol>, ordered list. You coded it as <ul>. But that's not the problem, here. IE screws up the count when the <li>s have layout. In the case, the hasLayout is triggered by the {height: 17px;}. Remove the height property from the ruleset. IE8 does not have hasLayout, and the height doesn't cause problems there.

cheers,

gary

 

Your a genius! Thanks!