css - 現在のメニュー項目をハイライトしたままにする

Question

私のページには、アイテムを iframe にロードするメニュー設定があります。これらは、デフォルトの Google マップを置き換えるカスタム マップです。私の質問は、現在表示されている項目のメニュー項目を強調表示したままにするにはどうすればよいですか?

<div id="right_col" class="clearfix">

            <ul>
                <li><a href="copperwood.html" target="iframe_map">Copperwood</a></li>
                <li><a href="canyoncrest.html" target="iframe_map">Canyon Crest/The Canyons</a></li>
                <li><a href="riverstone.html" target="iframe_map">Riverstone</a></li>
                <li><a href="garrystation.html" target="iframe_map">Garry Station</a></li>
                <li><a href="legacyridge.html" target="iframe_map">Legacy Ridge</a></li>
                <li><a href="https://maps.google.com/maps/ms?msa=0&amp;msid=217268423195093625679.0004cf68eb14897eb07b4&amp;ie=UTF8&amp;ll=49.69371,-112.868754&amp;spn=0.086835,0.089951&amp;t=m&amp;output=embed" target="iframe_map">Overall Lethbridge</a></li>
            </ul>

        </div>

私のCSS：

#right_col ul{
position: relative;
list-style: none;
top: -17px;
}

#right_col ul a{
text-decoration: none;
color: #000000;
display: block;
padding:10px 10px 10px 15px;
margin: 10px;
background: #eeeeee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

#right_col ul a:hover{
background: #e9b900;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}