Good Morning.  I need some help styling <li>s in nested lists.

This is my test page: 
http://168.156.9.142/college/_f-tuitionwaivers_childofdisableddeceasedpowNEW.aspx
 . Half way down the page, under Changes in 2008, my nested list is supposed to 
be numbered and the font should be the same as elsewhere.  It isn't working.  
My CSS needs to target the <li> as our CMS doesn't not support styling lists, 
but only list items.

This is my css for the numbered list items:
div#Content_box ol li.ListNumber
{
                font-size: 1em;
                margin: 5px 0px 5px 5px;
                list-style-type:decimal;
}

It is working fine elsewhere, but on a nested list it is not working in IE. In 
FF, it renders as numbered, but the font is still tiny.

I also tried removing the list type from the style declaration as below, but 
that doesn't work either.  Is there some way to target the li that doesn't care 
what level of nesting it is in?

div#Content_box li.ListNumber
{
                font-size: 1em;
                margin: 5px 0px 5px 5px;
                list-style-type:decimal;
}


Thank you!

Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu
http://www.checkoutacollege.com/

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to