No estoy del todo segura de haber entendido lo que querés hacer.
Pero por las dudas fijate si este código apunta hacia donde vos querés.
Código:
<html>
<style type="text/css">
.boton {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
width: 100px;
border-width: 5;
background-color: mediumblue;
border-top-color: lightblue;
border-left-color: lightblue;
}
</style>
<head>
<script language="JavaScript">
<!--
function cambio(id, color){
f1.elements[id].style.color = color;
}
//-->
</script>
</head>
<body>
<form method=post action="" name="f1">
<p><input class="boton" type="button" value="Prueba1" name=b1 onMouseOver="cambio('b1','white')" onMouseOut="cambio('b1','black')"></p>
<p><input class="boton" type="button" value="Prueba2" name=b2 onMouseOver="cambio('b2','white')" onMouseOut="cambio('b2','black')"></p>
</form>
</body>
</html>
<hr noshade size=1><img src="http://www.gograph.com/Images-8712/ClipArt/cat03.gif" height="50" border=0 align="absmiddle"> <font size="2" face="verdana" color="#000000">
bet[/CODE]