Помогите с менюшкой

[borovikalexey]

При переходе на предыдущую страницу (не через само меню, а через стрелку "назад" в браузере) на сайте меню выглядит вот так:

Т.е. как-будто кнопка активна.

а должно вот так:

Такая проблема только в браузере Mozilla Firefox

Вот код css:

#main_menu_master{width: 268px; margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; line-height: 30px;}
#main_menu_master a{display: block; color: white; text-decoration: none;outline: none;}


.top_button a:{background: url(image/bt.png); height: 30px; width: 238px; padding: 10px 15px 6px 15px;}
.bot_button a:{background: url(image/bb.png); height: 30px; width: 238px; padding: 6px 15px 10px 15px;}
.mid_button a:{background: url(image/bm.png); height: 30px; width: 238px; padding: 7px 15px 7px 15px;}

.top_button a:hover{background: url(image/bt.png) bottom;}
.bot_button a:hover{background: url(image/bb.png) bottom;}
.mid_button a:hover{background: url(image/bm.png) bottom;}


ul { margin: 0; padding: 0; list-style: none; width: 268px; }
ul li { position: relative; }
li ul { position: absolute; left: 268px; top: -2; display: none; }
li:hover ul { display: block; }

Как сделать чтобы меню отображалось нормально ( чтобы кнопка была неактивна при переходе на предыдущую станицу )?

[apexis]

.top_button a:{background: url(image/bt.png); height: 30px; width: 238px; padding: 10px 15px 6px 15px;}

.bot_button a:{background: url(image/bb.png); height: 30px; width: 238px; padding: 6px 15px 10px 15px;}

.mid_button a:{background: url(image/bm.png); height: 30px; width: 238px; padding: 7px 15px 7px 15px;}

Послe "a:" должен псевдокласс "link" стоять или просто "а" без двоеточия. Увидеть проблему сложно, потому что страница всего одна.