Вот это еще грузится без ошибок...
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
body {
background-color: red;
}
#postcards{
height: 275px;
width: 340px;
background-color: black;
position: absolute; left: 220px;top:337px;"
}
#postcards > div {
position: absolute;
width: 170px;
background-color: #62b2ff;
text-align: center;
}
</style>
<script type="text/javascript">
function test(event) {
event=event || window.event;
var a=document.getElementById('postcards1');
var target = event.target || event.srcElement;
/*
var typ=parseInt(a.style.height)>10&&(target.id=='postcards4'||target.id=='postcards3'||target.id=='postcards2'||target.id=='postcards1'||target.id=='postcards'
if (typ)) {
a.style.height=parseInt(a.style.height)-1+'px';
setTimeout(function (){
f(event);
},100);
}
*/
}
</script>
</head>
<body>
<div id="postcards" onmouseover="test(event)">
<div id="postcards1" style="left: 0px; top: 0px;height:137px;"></div>
<div id="postcards2" style="left: 0px; top: 137px;height:137px;"></div>
<div id="postcards3" style="left: 170px; top: 0px;height:137px;"></div>
<div id="postcards4" style="left: 170px; top: 137px;height:137px;"></div>
</div>
</body>
</html>