Добрый день. Задача такая, мне нужно, чтобы пункт меню менял свой цвет при переходе на n-ную страницу (то есть если у меня например меню черное, и я нахожусь на главной, то бэкграунд пункта "главная" должен быть синим), а при наведении курсора должен меняться только цвет текста (но не бэкграунд) с белого на синий.
Делаю я это так:
#header_nav {
height: 60px;
background: #363636;
margin: 20px 0 0 0;
}
#header_nav ul {
list-style: none;
}
#header_nav ul li {
float: left;
}
#header_nav ul li a {
color: #FFF;
line-height: 60px;
padding: 0 43px;
display: block;
}
#header_nav ul li a:active{
background: #7487be;
color: #FFFFFF;
}
#header_nav ul li a:hover{
color: #7487be;
Но работает это как-то совсем не так: бэкграунд меняется при нажатии на кнопку и тут же пропадает, цвет текста при этом совершенно теряется (видимо, становится тоже синим). Правильно работает только при наведении курсора (бэкграунд черный, текст синий, как и нужно).
Как сделать правильно?