Las esquinas redondeadas pertenecen a CSS3, Mozilla las implementa con la propiedad -moz-border-radius, pero para los demás lo más seguro es usar imágenes o algo de javascript como
NiftyCube
Una forma sencilla (que debería funcionar pero no la probé) es:
<img id="confondo" src="..." />
Código:
#confondo {
padding : 1em;
}
#confondo:hover {
background-image : url(imagen con fondo transparente);
}
Otra cosa a considerar es que el IE6 no soporta :hover sobre nada que no sea un enlace definido con <a>.
Saludos.