PONER IMAGENES EN BOTONES DEL DISEÑO BUTTERFLY

<style type="text/css">

/* -----------------------------------------------------
CODIGO PARA PERSONALIZAR BOTONES DEL MENU PRINCIPAL DEL
DISEÑO BUTTERFLY CON IMAGENES DISTINTAS PARA CADA UNO.
----------------------------------------------------- */

/* PARTE 1: Código para resetear el estilo de los botones de Butterfly */
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main{
    height: auto !important;
    background: none !important;
}
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main .edit_nav_main_left{
    display: none;
}
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main .edit_nav_main_charakter{
    width: 100%;
}
/* FIN PARTE 1 */

/* PARTE 2: Empezamos a definir nuestros propios estilos para los botones */
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main a{
    width: 234px; /* Ancho de los botones (te recomiendo usar 234px que es el mismo ancho que el diseño Butterfly tiene por defecto) */
    height: 50px; /* Sacar texto de los botones */
    display: block;
    text-indent: -99999px; /* Sacar texto de los botones */
}
/* FIN PARTE 2 */

/* PARTE 3: Continuamos dininiendo los estilos particulares para cada botón */
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main a[href="/Inicio.htm"]{
    background: url('http://placehold.it/234x50&text=INICIO') no-repeat; /* Imagen de botón para mi página /Inicio.htm */
}
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main a[href="/Inicio.htm"]:hover{
    background: url('http://placehold.it/234x50/11202A/ffffff/&text=INICIO') no-repeat; /* Imagen de botón al pasar el mouse encima para mi página /Inicio.htm */
}
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main a[href="/Contactos.htm"]{
    background: url('http://placehold.it/234x50&text=CONTACTO') no-repeat; /* Imagen de botón para mi página /Contactos.htm */
}
.edit_headline_nav .headline3 > table > tbody > tr td.edit_nav_main a[href="/Contactos.htm"]:hover{
    background: url('http://placehold.it/234x50/11202A/ffffff/&text=CONTACTO') no-repeat; /* Imagen de botón al pasar el mouse encima para mi página /Contactos.htm */
}
/* FIN PARTE 3 */

</style>