sono arrivato a questo problema
codice:
<html>
	<head>
		<title></title>
	</head>
	<body>
		<div id="prova">
			<div class="tab">
				<h2>Titolo tab 1</h2>
				

1testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
			<div class="tab">
				<h2>Titolo tab 2</h2>
				

2testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
			<div class="tab">
				<h2>Titolo tab 3</h2>
				

3testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
			<div class="tab">
				<h2>Titolo tab 4</h2>
				

4testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
		</div>


		<script type="text/javascript">

		var tabs = document.getElementsByTagName("div");
		for (i = 0; i <= tabs.length; i++)
		{
			if (tabs[i].className == "tab")
			{
				tabs[i].style.border = "1px red solid";
				tabs[i].firstChild.style.border = "1px blue solid";
			}
		}

		</script>
	</body>
</html>
questo non va:
tabs[i].firstChild.style.border = "1px blue solid";

su mozilla
su ie invece funziona

cosa sbaglio?