[leonid12345]

Подскажите, пожалуйста, есть вот такой незамысловатый код

<style type="text/css">
ul{
	list-style:none;
	margin:0;
	padding:0
}
li{
	display:block;
	float:left;
	width:150px;
	height:30px;
	margin:0;
	padding:0;
		margin-right:10px;
}
.radio{
	display:none;
}
label{
	display:block;
	height:30px;
	width:150px;
	text-align:center;
	background-color:#00F;
}

</style>
<script type="text/javascript">
function testRadio(){
	var input = document.getElementsByTagName("INPUT");
	for(i=0; i<input.length;i++){
		input.item(i).parentNode.style.backgroundColor = "#00F";
	}
	this.parentNode.style.backgroundColor = "#F00";
	alert(this.value);
}
window.onload = function(){
	var input = document.getElementsByTagName("input");
	for(i=0; i<input.length;i++){
		input.item(i).onclick = testRadio;
	}
}
</script>
...
<ul>
    	<li>
             <label for="RadioGroup1_0">
                   <input type="radio" class="radio" name="RadioGroup1" value="Радио1"
 id="RadioGroup1_0"/>Переключатель1
            </label>
        </li>
        <li>
             <label for="RadioGroup1_1">
                   <input type="radio" class="radio" name="RadioGroup1" value="Радио2"
 id="RadioGroup1_1"/>Переключатель2
            </label>
        </li>
</ul>

Хотелось бы организовать некое меню с помощью невидимых радиобатонов, так как особенности их работы очень удобны. Однако в ie 7, ie 8 данная штука не работает, можно ли это обойти? желательно без jquery