вот те код, разбирайся. тот работает примерно по такой же схеме...
<html>
<head>
<title>example</title>
<style>
.list
{
width: 50px;
height: 50px;
float: left;
margin: 5px;
border: 1px solid black;
background-color: silver;
cursor: pointer;
}
#myBlock
{
height: 100px;
margin: 5px;
border: 1px solid black;
width: 100px;
}
</style>
</head>
<body>
<div style="width: 100%; height: 70px;">
<div class="list" style="background-color: red"></div>
<div class="list" style="background-color: yellow"></div>
<div class="list" style="background-color: black"></div>
<div class="list" style="background-color: silver"></div>
<div class="list" style="background-color: green"></div>
</div>
<div id="myBlock"></div>
<script>
var div = document.querySelector('#myBlock');
var list = document.querySelectorAll('.list');
for (var i = 0; i < list.length; ++i)
list[i].onclick = function ()
{
div.style.backgroundColor = this.style.backgroundColor;
}
</script>
</body>
</html>
ах, чуть не забыл. в ие можешь не пытаться)) используй там хром, фаерфокс...