Ops, riscrivo il codice che se no è un casino:

<style type="text/css">
a img{
margin-left: 20px;
margin-top: 25px;
width:60px;
border:0;
}
a:hover img{
margin-left: 0px;
margin-top: 0px;
width:100px;
}
#schermo { position: absolute;
margin-left: 300px;
margin-top: 0px;
z-index: 1;}
#casapagina { position: absolute;
z-index: 3;}
#imac { position: absolute;
z-index: 2;
margin-left: 70px;
margin-top: 40px;}
</style>
</head>

<body>
<div id="casapagina">
[img]../img/botton_casapagina.png[/img]
</div>
<div id="imac">
<p align="center">
[img]img/imac.png[/img]
<map name="date" id="date">
<area shape="rect" coords="35, 65, 150, 100" href="img/13-05-2011/tasti.png" target="#tasti">
</map>
</div>
<div id="schermo">
<iframe name="schermo" height="550px" width="900px" border="0" src="1.html">
</iframe>
</div>
</body>

</html>