Hi,
I've installed the ARI YUI menu but the default styling seems to be overridden by my template CSS. This is causing a bunch of problems - width of parent items expands to accommodate child items (even when child items are not visible) and child items are listed horizontally.
Fyi, I've enabled execution permissions on the css_loaded.php file (set to 755).
Appreciate any advice on how to implement the YUI CSS styling. Thanks!
_________________________________________________________
Current site:
www.asetanian.com/joomla/index.php
Current CSS (from template):
.top_menu {
width:600px;
height:39px;
position:relative;
float: right;
margin:60px 0 0 0;
z-index:999;
}
.top_menu ul {
list-style:none;
padding-top:7px;
margin:0 !important;
}
.top_menu ul li {
float:left;
margin-right:18px;
padding:4px 0 4px 18px;
background:url(../images/dot_menu.gif) repeat-y 0% 0%;
margin-left:-1px !important;
}
.top_menu ul li a{
font-size:13px;
text-transform:none;
color:#5F798F;
font-weight:normal;
text-decoration:none;
}
.top_menu ul li a:hover, #active_menu-nav{
color:#CC0000;
}
BODY #pillmenu,
#pillmenu .yuimenubar ul,
#pillmenu .yuimenubar ul li,
#pillmenu .yuimenubar ul li a
{
height: auto;
}
#pillmenu .yuimenubar ul {
width: auto;
}
#pillmenu .yuimenubar ul li {
background: none;
}
