Tan facil como esto y con un poquito de javascript aunque en realidad la web no muestra un rollover de capas sino de imagenes con stylos diferentes a cada una...
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>RollOver</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<style type="text/css">
img.imagen {
border: 1px solid #5f5f5f;
}
img.rollimage {
margin:10px;
border-left: 2px solid #5f5f5f;
border-top:2px solid #5f5f5f;
border-right: 2px solid #dddddd;
border-bottom:2px solid #dddddd;
}
</style>
</head>
<body>
<table width="126" height="126" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="imagen" bgcolor="#ffffff" align="right" valign="top">
<div><a href="#" title="No link / No hay enlace">
<img class="rollimage" src="foto-h2.gif" onmouseover="this.src='nikon-logo.gif'" onmouseout="this.src='foto-h2.gif'" >
</a>
</div>
</td>
</tr>
</table>
</body>
</html>
Trata de entender el codigo... jejejeje lo saque de la misma web que muestras
...
_Saludos...