Te copio un ejemplo:
<style type="text/css">
.boton {
height: 50px;
width: 50px;
}
.boton a {
background-color: #00C;
}
.boton a:hover {
background-color: #F0F;
}
</style>
<div class="boton" id="boton1"><a href="play.html">PLAY</a></div>
En el momento que enlazo la capa con la hoja de estilos me desaparece de la raiz. Si uso DW.