Мне надо на сайте spyvip.ru слева в меню для разных пунктов сделать разные фоновые изображения. например в первом и последнем пункте другой фон. через браузер вижу (web developer для ff) вижу что у них действительно разные стили, но не могу понять как правильно написать стиль. например у первого:
/**** lex menu ****/
/* main level */
table.moduletable a.othermenu_l0oover, table.moduletable .othermenu_l0oover, a.othermenu_l0oover, .othermenu_l0oover {
text-decoration: none !important;
background: url(../images/menuhover.gif) no-repeat #67d2df;
}
table.moduletable a.othermenu_l0oout, table.moduletable .othermenu_l0oout, a.othermenu_l0oout, .othermenu_l0oout {
text-decoration: none !important;
background: url(../images/menubg.gif) no-repeat #000000;
}
table.moduletable div.othermenu_l0iout, table.moduletable .othermenu_l0iout, div.othermenu_l0iout, .othermenu_l0iout {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: none !important;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 22px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 3px;
color: #FFFFFF;
}
table.moduletable div.othermenu_l0iover, table.moduletable .othermenu_l0iover, div.othermenu_l0iover, .othermenu_l0iover {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: none !important;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 22px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 3px;
color: #FFFFFF;
}
/* sub level */
table.moduletable a.othermenu_l1oover, table.moduletable .othermenu_l1oover, a.othermenu_l1oover, .othermenu_l1oover {
text-decoration: none !important;
background: url(../images/subbg.gif) no-repeat;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
table.moduletable a.othermenu_l1oout, table.moduletable .othermenu_l1oout, a.othermenu_l1oout, .othermenu_l1oout {
position: absolute;
text-decoration: none !important;
background: url(../images/subbg.gif) no-repeat #000000;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
table.moduletable a.othermenu_l1oover, table.moduletable .othermenu_l1oover, a.othermenu_l1oover, .othermenu_l1oover {
text-decoration: none !important;
}
table.moduletable div.othermenu_l1iout, table.moduletable .othermenu_l1iout, div.othermenu_l1iout, .othermenu_l1iout {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: none !important;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 25px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 3px;
color: #FFFFFF;
}
table.moduletable div.othermenu_l1iover, table.moduletable .othermenu_l1iover, div.othermenu_l1iover, .othermenu_l1iover {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: underline !important;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 25px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 3px;
color: #69d5e1;
}