I did that for all of them
and this is my css
/* menu::base */
#menu {
position:relative;
z-index:100;
height:500px;
}
#menu .menu {
position:absolute;
padding-left: 120px;/*main menu position*/
background: url(images/header.gif) right top no-repeat;
}
#menu * {
list-style:none;
border:0;
padding:0;
margin:0;
}
#menu a {
display:block;
padding:15px 14px 14px 14px;
white-space:nowrap;
}
#menu li {
float:left;
background:#fff;
}
#menu li li {
float:none;
}
#menu div {
visibility:hidden;
position:absolute;
background:url(images/pix.gif);
}
#menu div div {
margin:-35px 0 0 -1px;
left:100%;
}
#menu div div div {
margin:-35px 0 0 -1px;
left:100%;
}
#menu li:hover>div { visibility:visible; }
/* menu::special styles */
/* menu::level 1 */
#menu a {
text-decoration:none;
color:#ffffff;/*1*/
position:relative;
z-index:77;
}
#menu a:hover {
background:url(images/header.gif) left -43px repeat-x;
color:#FFF;
}
#menu a:hover span { color:#FFF; }
#menu li.current a {
/* background: transparent url(images/header_active.gif) repeat-x;*/
color:#3C4955;
direction:rtl;
}
#menu li.current span {
color:#3C4955;
}
#menu>ul>li:hover>a {
background:url(images/header.gif) left -43px repeat-x;
color:#CACFD3;
}
#menu>ul>li:hover>a span { color:#FFF;}
#menu span { direction:rtl;
text-transform:uppercase;
font:9px 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
letter-spacing:0.3em;
text-decoration:none;
color:#ffffff;
}
#menu li { background: url(images/header.gif) left top no-repeat;}
/* menu::level >= 2 sub title************************* */
#menu ul ul {width: 100px; }/*sub title width*/
#menu li li{ direction:rtl;
background:#64A13C;
border-bottom:1px solid #95E459;}
#menu li li a
{
position:static;
background:#64A13C;
white-space:normal;
text-align: center;
color:#FFF;
padding:0;
text-transform:none;
width: 100%;
}
#menu li.current li a {
background: none;
color:#FFF;
}
#menu li.current li span {
color:#FFF;
}
#menu li li a:hover { background:#71DB23; }
#menu li li a span { color:#fff; line-height: 15px; padding: 10px; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span{background:transparent url(images/arrow.gif) no-repeat scroll right 50%; z-index:10; direction:rtl; }
#menu li li span {
display:block;
text-transform:none;
padding:0px 25px 0px 0px;
font-size:11px;
letter-spacing: 0;
}
i should use css what do you mean
2. Make sure there's no CSS used anywhere
if i dont use css i cant use menu .what can i do?