How to format a childlevel UL/LI?

Hi,

I am creating skin with a menu based on the TopTabsB skin.

The ParentTabs and the ChildTabsLevel1 are formatted the same way as in the TopTabsB skin example.
I have created a leftpane, where I want to show Level2 childs and need to be formatted as a list.

I have tried to formatting the UL & IL of a Level2 child using CSS.
Right now, I use the following to accomplish this: 

#ChildTabsLevel2 ul

Hi Nrgflash,

You may want to remove the formatting from the TabList UL and TabList LI classes if they are not desired across all instances of the menu.  The TabList class is a "global" one that applies to all instances.

Move the specific formatting for each instance into the ID selector classes  #nav UL, #nav LI, #ChildTabsLevel2 UL, etc.

Hi John,

Thanks, that did the trick!

With kind regards,

Alex

Hi,

I still have a small issue with my skin;

The LI background image (TabLeftLevel0.gif) of the partenttab is not showing in IE, while it is showing up in Firefox.

When checking the syles applied to 'LI class=First-Child  SelectedTab Level0 id=ParentTabs54', the background is set as:

BACKGROUND: none transparent scroll repeat 0% 0%;

I have set the background image in CSS using the following code:

#ParentTabs li{
    float: left;
    margin: 0;
    display: inline;
    padding: 0 0 0 2;
    padding-left: 0; 
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    background:url("images/TabLeftLevel0.gif")no-repeat left top;

Any idea what I am doing wrong?

Thanks!

With kind regards,

Alex