Почему при клике (не при hover), исполняется стиль назначенный на active?
Подскажите, почему при клике (не при hover), исполняется стиль назначенный на active? Получается некрасивая вешь, при клике на ссылку которой присвоен стиль .active font-weight:bold она становится жирной и текст находящийся в том же диве что и ссылка, из-за ее "несвоевременного ожирения" скачет на странице. Как сделать что бы она становилась жирной только при нахождении УЖЕ! на странице куда эта ссылка привела.
Вот фрагмент из CSS где прописаны стили ссылок:
outline: none;
}
a:link {
outline: none;
text-decoration: underline;
}
a:visited {
color:#92278F;
outline: none;
}
a:hover {
color:#CC0000;
outline: none;
}
a:active {
outline: none;
text-decoration:none;
font-weight:bold;
}
#sidebar-left li a.link {
color:#5276C0;
}
#sidebar-left li a.visited {
color:#92278F;
}
#sidebar-left li a.hover {
color: #CC0000;
}
#sidebar-left li a.active {
outline: none;
color:#92278F;
text-decoration:none;
font-weight:bold;
}
#sidebar-right a {
color:#0D0DC4;
text-decoration:none;
}
#sidebar-right a.link {
color:#0D0DC4;
text-decoration:none;
}
#sidebar-right a.visited {
color:#892286;
text-decoration:none;
}
#sidebar-right a.hover {
color: #A43A3A;
text-decoration:none;
}
#sidebar-right a.active {
color:#0D0DC4;
text-decoration:none;
font-weight:bold;
}
#submenu li a.link {
color:#5276C0;
}
#submenu li a.visited {
color:#92278F;
}
#submenu li a.hover {
color: #CC0000;
}
#submenu li a.active {
outline: none;