/* ROLLOVER 1 */

td.rollover1 a {
display: block;
background-image:  url(http://binenbaum.com/images/photo1-off.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
width: 60px;
height: 30px;
}


td.rollover1 a:hover, td.rollover1 a:active {
background-image:  url(http://binenbaum.com/images/photo1-on.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
width: 60px;
height: 30px;
}


/* ROLLOVER 2 */

td.rollover2 a {
display: block;
background-image:  url(http://binenbaum.com/images/photo2-off.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
width: 60px;
height: 30px;
}


td.rollover2 a:hover, td.rollover2 a:active {
background-image:  url(http://binenbaum.com/images/photo2-on.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
width: 60px;
height: 30px;
}


/* ROLLOVER 3 */

td.rollover3 a {
display: block;
background-image:  url(http://binenbaum.com/images/photo3-off.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
width: 60px;
height: 30px;
}


td.rollover3 a:hover, td.rollover3 a:active {
background-image:  url(http://binenbaum.com/images/photo3-on.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
width: 60px;
height: 30px;
}


<!--[if IE 5]>
<style>
td.rollover1 a {
height: 1em;
float: left;
clear: both;
width: 100%;
}
</style>
<![endif]-->


<!--[if IE 6]>
<style>
td.rollover1 a {height: 1em;}
</style>
<![endif]-->