Roll Over Button CSS HELP!

[Deanznet]

Hey So Far My Script Works When You Hover over the button, But when you click the button it wont stay on the color if you know what i mean, ( wont stay active).

 

 

			<div id="uploadform_menu">
			<a href="?uploadmode=1" class="upf_1">{L_AppletUpload}</a>
			<a href="?uploadmode=0" class="upf_2">{L_CommonUpload}</a>
			<a href="?uploadmode=2" class="upf_3">{L_UrlUpload}</a>
		</div>

 

#uploadform_menu { width:390px; height:22px; position:relative; }

a.upf_1:link, a.upf_1:visited, a.upf_1:active  { position:absolute; left:0px; width:132px; height:22px; padding-left:10px; padding-top:3px; color:#FFF; background: url(images/imagehosting_06.gif) left top no-repeat; font-size:10px; font-weight:bold; text-decoration:none; z-index:103; }
a.upf_1:hover { background: url(images/imagehosting_07.gif) left top no-repeat; }

a.upf_2:link, a.upf_2:visited, a.upf_2:active { position:absolute; left:120px; width:132px; height:22px; padding-left:15px; padding-top:3px; color:#FFF; background: url(images/imagehosting_06.gif) left top no-repeat; font-size:10px; font-weight:bold; text-decoration:none;  z-index:102;}
a.upf_2:hover { background: url(images/imagehosting_07.gif) left top no-repeat; }

a.upf_3:link, a.upf_3:visited, a.upf_3:active{ position:absolute; left:240px; width:132px; height:22px; padding-left:15px; padding-top:3px; color:#FFF; background: url(images/imagehosting_06.gif) left top no-repeat; font-size:10px; font-weight:bold; text-decoration:none;  z-index:101;}
a.upf_3:hover { background: url(images/imagehosting_07.gif) left top no-repeat; }

a.upf_a1:link, a.upf_a1:visited, a.upf_a1:active, a.upf_a1:hover { position:absolute; left:0px; width:132px; height:22px; padding-left:10px; padding-top:3px; color:#FFF; background: url(mages/imagehosting_07.gif) left top no-repeat; font-size:10px; font-weight:bold; text-decoration:none; z-index:103;}
a.upf_a2:link, a.upf_a2:visited, a.upf_a2:active, a.upf_a2:hover { position:absolute; left:120px; width:132px; height:22px; padding-left:15px; padding-top:3px; color:#FFF; background: url(images/imagehosting_07.gif) left top no-repeat; font-size:10px; font-weight:bold; text-decoration:none;  z-index:102;}
a.upf_a3:link, a.upf_a3:visited, a.upf_a3:active, a.upf_a3:hover { position:absolute; left:240px; width:132px; height:22px; padding-left:15px; padding-top:3px; color:#FFF; background: url(mages/imagehosting_07.gif) left top no-repeat; font-size:10px; font-weight:bold; text-decoration:none;  z-index:101;}

[bronzemonkey]

the declarations must be in this order:

 

:link

:visited

:hover

(:focus)

:active