rendered paste body<html> <head> <style type="text/css"> .hover_on { display: none; } .hover_off { display: block; } a.the_hover:hover .hover_on { display: block; } a.the_hover:hover .hover_off { display: none; } </style> <title>CSS based content hiding</title> </head> <body> <a class="the_hover"> <div class="hover_off"> <img src="off.png"></img> The mouse is off </div> <div class="hover_on"> <img src="on.png"></img> The mouse is on </div> </a> <a class="the_hover"> <div class="hover_off"> <img src="off.png"></img> The mouse is off </div> <div class="hover_on"> <img src="on.png" width="1px"></img> The mouse is on </div> </a> </body></html>