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]