<div id="block1">
	<div id="block1_1">
    	    <div id="id1"><img src="image1.jpg" class="class1"/></div>
                 <div id="id2"><img src="image2.jpg" class="class1" /></div>
    	    <div id="id3"><a href="index.php"><img src="image3.jpg" class="class1" onMouseOver='this.src="image3_1.jpg"' onMouseOut='this.src="image3.jpg"' class="class1" /></a></div>
                 <div id="id4"><img src="image4.jpg" class="class1" /></div>
            </div>
 </div>

<div id="block1">
	<div id="block1_1">
		<div id="id1"></div>
		<div id="id2"></div>
		<div id="id3" onmouseover='this.className="class2"' onmouseout='this.className="class1"' class="class1" onclick="location.href='index.php';"></div>
		<div id="id4"><img src="image4.jpg" class="class1" /></div>
	</div>
</div>

<style>
#id1{
	background-image:url(image1.jpg);
	width:xx px;
	height: xx px;
}
....
.class1{
	background-image:url(image3.jpg);
	width: ....;
	height: ....;
	cursor:pointer;
}

.class2{
	background-image:url(image3_1.jpg);
	width: ....;
	height: ....;
}
</style>

#id1 {
	position:fixed;
	height: 25 %;
	width: 50 %;
	top:0px;
	left:0px;
	right: 50 %;
	bottom: 75 %;
	border:none;}

.class1 {
	margin:0px;
	height: 100 %;
	width: 100 %;
	padding:0px;}