Здравствуйте!
Подскажите пожалуйста.
Хочу сделать фон пунктов меню графикой
но не получаеться, правая часть фона при наведении
на пункт меню подсвечиваеться, а левая нет.
И хотелось бы, чтобы активный пункт меню подсвечивался
Может со свойстом background-position не так прописал
Код:
.mainMenu{width:600px;height:38px;float:right;margin:2px 60px 0 0;overflow:hidden;padding:22px 0 0 10px;position:relative;z-index:1;display:inline;}
ul.mainMenu li {display: inline;list-style-type: none;}
ul.mainMenu li a{display:block;float:left;line-height:21px;height:21px;margin:0px 3px 3px 15px;font:12px Arial, Tahoma, Verdana, sans-serif;font-style: italic;color:#a58a6e;padding:0 9px 0 0}
ul.mainMenu li a:hover{color:#ff3c00;}
ul.mainMenu li a span{display:block;float:left;line-height:200%;height:21px;padding:0 0 0 9px;margin:0;cursor:pointer}
ul.mainMenu li a:hover span {background: url(../images/tm_l.png) top left no-repeat;}
ul.mainMenu li a:hover {background: url(../images/tm_r.png) top right no-repeat;}
ul.mainMenu li#current a span {color:#ff3c00;background: url(../images/tm_l.png) top left no-repeat;}
ul.mainMenu li#current a {color:#ff3c00;background: url(../images/tm_r.png) top right no-repeat;}