Вот меню
меню состаит из двух картинок одна показывается до наведения в моем случае это прозрачная а вторая у меня примоугольник обведенный
вот скрипт
Quote
/* Main Menu */
.m {background:url(Ссылка на OFF картинку); display:block; height:17px; width:150px; text-decoration:none; color:#FFFFFF; padding:auto; }
a.m:link {background:url(Ссылка на OFF картинку); display:block; height:17px; width:150px; text-decoration:none; color:#FFFFFF; padding:auto; }
a.m:active {background:url(Ссылка на OFF картинку); display:block; height:17px; width:150px; text-decoration:none; color:#FFFFFF; padding:auto; }
a.m:visited {background:url(Ссылка на OFF картинку); display:block; height:17px; width:150px; text-decoration:none; color:#FFFFFF; padding:auto; }
a.m:hover {background:url(Ссылка на OFF картинку); no-repeat 0px 0px; display:block; height:17px; width:150px; text-decoration:none; color:#e4e4e4; padding:auto; }
.ma {font-weight:bold;}
a.ma:link {background:url(Ссылка на ON картинку); display:block; height:17px; width:150px; text-decoration:none; color:#FFFFFF; padding:auto; }
a.ma:active {background:url(Ссылка на ON картинку); display:block; height:17px; width:150px; text-decoration:none; color:#FFFFFF; padding:auto; }
a.ma:visited {background:url(Ссылка на ON картинку); display:block; height:17px; width:150px; text-decoration:none; color:#FFFFFF; padding:auto; }
a.ma:hover {background:url(Ссылка на ON картинку); display:block; height:17px; width:150px; text-decoration:none; color:#fefb02; padding:auto; }
/* --------- */
Этот код надо вставить в CSS вместо стандартного /* Main Menu */