mm, que raro, a mi me funciona en firefox, chrome e IE, el codigo completo deberia de ser este:
Código HTML:
Ver original
.contenedor {
width: 350px;
height: 100px;
margin-top: 5px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
background: white;
border: 1px solid green;
}
<script type="text/javascript">
function maximizar_contenedor(caja)
{
document.getElementById(caja).style.height="200px";
document.getElementById(caja).style.backgroundColor='#FFFFDD';
}
function minimizar_contenedor(caja)
{
document.getElementById(caja).style.height="100px";
document.getElementById(caja).style.backgroundColor='#FFFFFF';
}
<div class="contenedor" id="caja1"> <div><a id="boton1" href="javascript:maximizar_contenedor('caja1')">Maximizar
</a></div> <div><a id="boton1" href="javascript:minimizar_contenedor('caja1')">Minimizar
</a></div>
<div class="contenedor" id="caja2"> <div><a id="boton1" href="javascript:maximizar_contenedor('caja2')">Maximizar
</a></div> <div><a id="boton1" href="javascript:minimizar_contenedor('caja2')">Minimizar
</a></div>
<div class="contenedor" id="caja3"> <div><a id="boton1" href="javascript:maximizar_contenedor('caja3')">Maximizar
</a></div> <div><a id="boton1" href="javascript:minimizar_contenedor('caja3')">Minimizar
</a></div> <div style="width:40px; height:40px; background: black;"></div>
<script type="text/javascript">
(function(){
var nodes = document.getElementsByTagName('body')[0].childNodes;
for(node in nodes){
if(nodes[node].className == 'contenedor'){
nodes[node].onmouseover = function(){ this.style.backgroundColor = '#FFFFDD'; };
nodes[node].onmouseout = function(){ this.style.backgroundColor = '#FFFFFF'; };
}
}
})();