SuckerTree Horizontal Menu - Width of Top Lvl Menu Items

[kittentaboo]

Question regarding the SuckerTree Horizontal Menu:
http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/

Is there a way to modify this code so that I don't have to set a width for the top level menu items? I want the top level tabs to be as wide as the text is. Someone asked the same question here:

http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/

But was referred to a menu that doesn't have the same style that I'm looking for.

Any help would be appreciated!

[TheJoshMan]

you can set the width to "auto" and then set padding for the <li> so that it will look right... like so.



.suckertreemenu ul li a {
border-color:black;
border-style:solid;
border-width:1px 1px 1px 0;
color:navy;
display:block;
padding:0 25px;
text-decoration:none;
width:auto;
}

[kittentaboo]

http://www.kittentaboo.com/test/test.html

This worked, thanks! Felt like that was way too easy, as much time as I spent trying to figure it out... :rolleyes:

On another note, while testing the menu in IE 7, sometimes as I mouseover the drop downs, they will disappear... Typically when I'm moving from on sub item to the next.

Would anyone have any clue why I'm seeing this issue?

Thanks again.