From looking at the white paper on CSS Friendly adapters, it looks like you should be able to have a second tier menu be wider than the first menu. The simple menu example that came with the download has the width on both tiers the same. Can someone tell me if it is possible to have the second tier menu be wider than the first? Not matter what I put in for a width on the second tier, it defaults to the width of the first. Most likely a css thing but any help would be appreciated.
.CCMenu ul.AspNet-Menu /* Tier 1 */
{
width: 26em; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
letter-spacing:1px;
font-size: .8em;
}
.CCMenu ul.AspNet-Menu ul /* Tier 2 */
{
width: 8em;
top: 100%;
left: 0px;
}
.CCMenu ul.AspNet-Menu ul ul /* Tier 3+ */
{
top: -0.5em;
left: 6em;
}
.CCMenu li /* all list items */
{
width: 5em;
background-color: #FEFAF1;
/* font-size: .8em; */
/* font-family: arial, helvetica, sans-serif; */
font-family: Georgia,Verdana,Arial,sans-serif;
text-align:center;
color:Black;
border-right: solid 1px #60718F;
border-left: solid 1px #60718F;
border-top: solid 1px #60718F;
}