IMAGE BUTTOM + LANGUAGE + ROLLOVER

[JUMASOL]

Hi,

 

I need to combine two effects for this link: <div id="button-a"><a href="http://www..html">Contact</a></div>

 

1. A changing button depending on the language, which I have solved with this piece of code:

 

<div id="button-a"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_LANGUAGES . $language . '/images/' . 'button-a.gif', STORE_NAME,''). '</a>'; ?></div>

 

2. A rollover effect for the image button, which I have solved in the CSS file:

 

#contacto {

POSITION: absolute;

MARGIN: 0px;

PADDING: 0px;

WIDTH: 157px;

HEIGHT: 28px;

TOP: 1px;

LEFT: 0px;

}

#contacto A {

TEXT-INDENT: -9999px;

}

#contacto {

TOP: 59px;

BACKGROUND: url('http://www.web.com/imagenes/Contacto-a.gif') no-repeat;

}

#contacto A:hover {

BACKGROUND: url('http://www.juegos-y-juguetes-mct.com/imagenes/Contacto-b.gif') no-repeat;

}

 

The problem is that I need to combine the php and the css so as to have the rollover effect.

 

 

Is there any possible solution for such a problem?

 

Thank you